Theme selections changed

app/javascript/styles/mastodon.scss

@@ -0,0 +1,24 @@
+@import 'mastodon/mixins';
+@import 'mastodon/variables';
+@import 'fonts/roboto';
+@import 'fonts/roboto-mono';
+
+@import 'mastodon/reset';
+@import 'mastodon/basics';
+@import 'mastodon/branding';
+@import 'mastodon/containers';
+@import 'mastodon/lists';
+@import 'mastodon/widgets';
+@import 'mastodon/forms';
+@import 'mastodon/accounts';
+@import 'mastodon/components';
+@import 'mastodon/polls';
+@import 'mastodon/modal';
+@import 'mastodon/emoji_picker';
+@import 'mastodon/about';
+@import 'mastodon/tables';
+@import 'mastodon/admin';
+@import 'mastodon/dashboard';
+@import 'mastodon/rtl';
+@import 'mastodon/accessibility';
+@import 'mastodon/rich_text';

app/javascript/styles/tangerineui-chinwag/tangerineui-chinwag.scss

@@ -32,14 +32,14 @@
     --color-content-fg: #444a5a;
     --color-content-fg-bold: #000000;
     --color-content-fg-muted: color-mix(in srgb, var(--color-content-fg), var(--color-content-bg) 40%);
-    --color-content-secondary-bg: #eeebdb;
+    --color-content-secondary-bg: #f8f1ee;
     --color-content-secondary-separator: rgba(223, 219, 237, 0.4);
     --color-content-bg-focus: #fffcfa;
 
     --color-accent: #3b953f;
     --color-accent-focus: #4e9f52;
-    --color-accent-lines: rgba(221, 240, 225, 0.52);
+    --color-accent-lines: rgba(237, 238, 246, 0.52);
-    --color-accent-bg: #ebf4eb;
+    --color-accent-bg: #f6f5ed;
     --color-accent-fg: #ffffff;
 
     --color-lines: #e1dde4;
@@ -69,7 +69,7 @@
         --color-content-secondary-separator: rgba(64, 62, 89, 0.4);
         --color-content-bg-focus: #0e0e0e;
 
-        --color-accent: #3b953f;
+        --color-accent: #2f7732; /* slightly darker shade of brand green */
         --color-accent-focus: #4e9f52;
         --color-accent-lines: rgba(221, 240, 225, 0.52);
         --color-accent-bg: #0e0e0e;
@@ -4049,12 +4049,12 @@ div[tabindex="-1"] + div[tabindex="-1"] > .status__wrapper > .status-reply.statu
     flex-grow: unset;
     padding: 0;
     border: 0;
-    width: 64px;
+    width: 54px;
-    height: 64px;
+    height: 54px;
     background-image: var(--logo);
     background-repeat: no-repeat;
     background-position: center;
-    background-size: 50px auto;
+    background-size: 54px auto;
 }
 .app-body .column-link.column-link--logo svg,
 .app-body .ui__header__logo svg {

config/locales/en.yml

@@ -1800,11 +1800,11 @@ en:
   tags:
     does_not_match_previous_name: does not match the previous name
   themes:
-    tangerineui-chinwag: Chinwag
-    contrast: High Contrast
-    default: Mastodon Dark
-    mastodon-light: Mastodon Light
     system: Automatic (use system theme)
+    default: Chinwag
+    contrast: High Contrast
+    mastodon: Mastodon Dark
+    mastodon-light: Mastodon Light
   time:
     formats:
       default: "%b %d, %Y, %H:%M"

config/themes.yml

@@ -1,4 +1,4 @@
 default: styles/application.scss
 contrast: styles/contrast.scss
+mastodon: styles/mastodon.scss
 mastodon-light: styles/mastodon-light.scss
-tangerineui-chinwag: styles/tangerineui-chinwag.scss