add tangerineui, update readme

README.md

@@ -2,7 +2,12 @@
 
 Fork of a [fork](https://iceshrimp.dev/blueb/Chuckya-fe-standalone) of a [fork](https://iceshrimp.dev/kopper/Chuckya-fe-standalone), mainly just for Synth branding and customizations. This is a standalone [Chuckya](https://github.com/TheEssem/mastodon) <small>([Mastodon](https://joinmastodon.org))</small> Frontend that works for either [Iceshrimp](https://iceshrimp.dev) or [Sharkey](https://joinsharkey.org) (Or any other software/instance that supports the Mastodon API - but mainly focused on Synth Download's fediverse instances.). Compatibility best achieved with Iceshrimp.
 
-The Chuckya frontend itself is slightly modified (the mascot is replaced, titles/names changed to help differentiate itself), main edits and customizations are around the login pages and such.
+We modify and add a few things here:
+
+- Synth mascot
+- Login page edits and improvements
+- Theme switcher (from [GoToSocial's Masto-FE fork](https://codeberg.org/superseriousbusiness/masto-fe-standalone))
+  - [TangerineUI](https://github.com/nileane/TangerineUI-for-Mastodon/tree/legacy) Theme
 
 Below is the original mess of combined README's, so far.
 

app/javascript/flavours/glitch/containers/theme_component.jsx

@@ -28,6 +28,12 @@ const ThemeComponent = ({ children }) => {
   case theme === 'mastodon-modern-contrast':
     href = '/packs/css/skins/glitch/modern-contrast.css';
     break;
+  case theme === 'tangerine-ui':
+    href = '/packs/css/skins/glitch/tangerineui.css';
+    break;
+  case theme === 'tangerine-ui-purple':
+    href = '/packs/css/skins/glitch/tangerineui-purple.css';
+    break;
   }
 
   return (

app/javascript/flavours/glitch/features/local_settings/page/index.jsx

@@ -57,6 +57,8 @@ class LocalSettingsPage extends PureComponent {
             { value: 'mastodon-modern-light', message: 'Mastodon Modern - Light' },
             { value: 'mastodon-modern', message: 'Mastodon Modern - Dark' },
             { value: 'mastodon-modern-contrast', message: 'Mastodon Modern - High contrast' },
+            { value: 'tangerine-ui', message: '[Unstable] Tangerine UI' },
+            { value: 'tangerine-ui-purple', message: '[Unstable] Tangerine UI (Purple)' },
           ]}
           onChange={onChange}
         >

app/javascript/skins/glitch/tangerineui-purple/common.scss

@@ -0,0 +1 @@
+@import 'flavours/glitch/styles/tangerineui-purple';

app/javascript/skins/glitch/tangerineui-purple/names.yml

@@ -0,0 +1,4 @@
+en:
+  skins:
+    vanilla:
+      tangerineui-purple: Tangerine UI (Purple)

app/javascript/skins/glitch/tangerineui/common.scss

@@ -0,0 +1 @@
+@import 'flavours/glitch/styles/tangerineui';

app/javascript/skins/glitch/tangerineui/names.yml

@@ -0,0 +1,4 @@
+en:
+  skins:
+    vanilla:
+      tangerineui: Tangerine UI

app/javascript/skins/vanilla/tangerineui-purple/common.scss

@@ -0,0 +1 @@
+@import 'styles/tangerineui-purple';

app/javascript/skins/vanilla/tangerineui-purple/names.yml

@@ -0,0 +1,4 @@
+en:
+  skins:
+    vanilla:
+      tangerineui-purple: Tangerine UI (Purple)

app/javascript/skins/vanilla/tangerineui/common.scss

@@ -0,0 +1 @@
+@import 'styles/tangerineui';

app/javascript/skins/vanilla/tangerineui/names.yml

@@ -0,0 +1,4 @@
+en:
+  skins:
+    vanilla:
+      tangerineui: Tangerine UI

app/javascript/styles/tangerineui-purple.scss

@@ -0,0 +1,2 @@
+@import 'application';
+@import 'tangerineui-purple/layout-single-column.scss';

app/javascript/styles/tangerineui.scss

@@ -0,0 +1,2 @@
+@import 'application';
+@import 'tangerineui/layout-single-column.scss';