Decrease contrast

kedamaDQ · Oct 19, 2024 · 6adb069 · 6adb069
1 parent eee35bd
commit 6adb069
Show file tree

Hide file tree

Showing 3 changed files with 11 additions and 1 deletion.
diff --git a/app/javascript/styles/application.scss b/app/javascript/styles/application.scss
@@ -3,6 +3,8 @@
 @import 'fonts/roboto';
 @import 'fonts/roboto-mono';
 
+@import 'override';
+
 @import 'mastodon/reset';
 @import 'mastodon/basics';
 @import 'mastodon/branding';

diff --git a/app/javascript/styles/mastodon-light/variables.scss b/app/javascript/styles/mastodon-light/variables.scss
@@ -72,7 +72,7 @@ body {
   --modal-border-color: hsl(240deg, 25%, 88%);
   --modal-background-color: var(--background-color-tint);
   --background-border-color: hsl(240deg, 25%, 88%);
-  --background-color: #fff;
+  --background-color: #f4f4f4;
   --background-color-tint: rgba(255, 255, 255, 80%);
   --background-filter: blur(10px);
   --on-surface-color: #{transparentize($ui-base-color, 0.65)};

diff --git a/app/javascript/styles/override.scss b/app/javascript/styles/override.scss
@@ -0,0 +1,8 @@
+$primary-text-color: darken($white, 8%) !default;
+$darker-text-color: lighten($ui-primary-color, 8%) !default;
+$dark-text-color: lighten($ui-base-lighter-color, 12%) !default;
+$highlight-text-color: lighten($ui-highlight-color, 12%) !default;
+
+:root {
+  --background-color: #{darken($ui-base-color, 4%)};
+}