app/javascript/styles/modern-contrast.scss

@@ -0,0 +1,7 @@
+// Mastodon Modern theme by Freeplay! Check the original repo for more info: https://git.gay/freeplay/Mastodon-Modern
+// Everything in the "modern" directory is licensed under a Creative Commons Attribution-ShareAlike 4.0 International License: http://creativecommons.org/licenses/by-sa/4.0/
+
+@use 'contrast/variables';
+@use 'application';
+@use 'modern/style';
+@use 'contrast/diff';

app/javascript/styles/modern-dark.scss

@@ -0,0 +1,6 @@
+// Mastodon Modern theme by Freeplay! Check the original repo for more info: https://git.gay/freeplay/Mastodon-Modern
+// Everything in the "modern" directory is licensed under a Creative Commons Attribution-ShareAlike 4.0 International License: http://creativecommons.org/licenses/by-sa/4.0/
+
+@use 'mastodon/variables';
+@use 'application';
+@use 'modern/style';

app/javascript/styles/modern-light.scss

@@ -0,0 +1,8 @@
+// Mastodon Modern theme by Freeplay! Check the original repo for more info: https://git.gay/freeplay/Mastodon-Modern
+// Everything in the "modern" directory is licensed under a Creative Commons Attribution-ShareAlike 4.0 International License: http://creativecommons.org/licenses/by-sa/4.0/
+
+@use 'mastodon-light/variables';
+@use 'mastodon-light/css_variables';
+@use 'application';
+@use 'modern/style';
+@use 'mastodon-light/diff';

config/locales/en.yml

@@ -2280,7 +2280,9 @@ en:
   themes:
     contrast: Mastodon (High contrast)
     default: Mastodon (Dark)
-    full-dark: フルダーク
+    modern-dark: Modern Dark
+    modern-light: Modern Light
+    full-dark: Full Dark
     mastodon-light: Mastodon (Light)
     system: Automatic (use system theme)
   time:

config/themes.yml

@@ -1,4 +1,9 @@
 default: styles/application.scss
 contrast: styles/contrast.scss
 mastodon-light: styles/mastodon-light.scss
+modern-dark: styles/modern-dark.scss
+modern-light: styles/modern-light.scss
 full-dark: styles/full-dark.scss
+
+
+