feat: add Sam-like color scheme

src/routes/_static/themes.js

@@ -41,6 +41,12 @@ const themes = [
     dark: false,
     color: '#4ab92f'
   },
+  {
+    name: 'sam',
+    label: 'Sam',
+    dark: false,
+    color: '#ffffea'
+  },
   {
     name: 'ozark',
     label: 'Ozark',

src/scss/themes/sam.scss

@@ -0,0 +1,46 @@
+$main-theme-color: #99994C;
+$body-bg-color: #4D4D4D;
+$main-bg-color: #FFFFEA;
+$main-text-color: #000000;
+$border-color: #99994C;
+$secondary-text-color: #444444;
+$anchor-color: #444400;
+$toast-border: #99994C;
+$toast-bg: #444400;
+$focus-outline: #99994C;
+$compose-background: lighten($main-theme-color, 32%);
+@import "_base.scss";
+
+$scrollbar-face: #FFFFEA;
+$scrollbar-face-hover: #FFFFEA;
+$scrollbar-face-active: #FFFFEA;
+$scrollbar-track: #99994C;
+@import "_scrollbars.scss";
+
+:root {
+	--deemphasized-text-color: #666666;
+
+	--nav-bg: #EAFFFF;
+	--nav-border: #88CCCC;
+	--nav-active-bg: #448888;
+	--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-a-selected-border: #88CCCC;
+	--nav-a-border-hover: #88CCCC;
+
+	--button-bg: #FFFFD1;
+	--button-bg-active: #FFFFE9;
+	--button-bg-hover: #FFFFE9;
+
+	--settings-list-item-text: #{$anchor-color};
+}
+
+a, a span {
+	text-decoration: underline;
+}
+a.mention.u-url, ::selection {
+	background: #EEEE9E;
+}