feat: add Sam-like color scheme

src/scss/themes/sam.scss

@@ -1,5 +1,5 @@
 $main-theme-color: #99994C;
-$body-bg-color: #4D4D4D;
+$body-bg-color: #FFFFFF;
 $main-bg-color: #FFFFEA;
 $main-text-color: #000000;
 $border-color: #99994C;
@@ -20,27 +20,39 @@ $scrollbar-track: #99994C;
 :root {
 	--deemphasized-text-color: #666666;
 
+	/* idea is navbar as Sam's command window */
 	--nav-bg: #EAFFFF;
 	--nav-border: #88CCCC;
-	--nav-active-bg: #448888;
+	--nav-active-bg: #9EEEEE;
 	--nav-a-selected-bg: #9EEEEE;
 	--nav-a-selected-active-bg: #9EEEEE;
 	--nav-text-color: #000000;
-	--nav-text-color-hover: #FFFFFF;
-	--nav-a-bg-hover: #448888;
+	--nav-text-color-hover: #000000;
+	--nav-a-bg-hover: #9EEEEE;
 	--nav-a-selected-border: #88CCCC;
 	--nav-a-border-hover: #88CCCC;
 
 	--button-bg: #FFFFD1;
 	--button-bg-active: #FFFFE9;
 	--button-bg-hover: #FFFFE9;
+	--button-primary-bg: #FFFFD1;
+	--button-primary-bg-active: #FFFFE9;
+	--button-primary-bg-hover: #FFFFE9;
 
 	--settings-list-item-text: #{$anchor-color};
 }
 
-a, a span {
+a, a.main-nav-link.svelte-my25xk, .settings-list-item {
 	text-decoration: underline;
 }
-a.mention.u-url, ::selection {
+a.mention.u-url, a:hover, a:active, ::selection {
 	background: #EEEE9E;
 }
+a.mention.u-url:hover, a.mention.u-url:active {
+	background: #444400;
+	color: #EEEE9E;
+}
+a.status-author-name, a.status-header-author {
+	text-decoration: none;
+	border-bottom: solid 1px #444400;
+}