From 350ae501511b9b472341502d9d8081110e1c1970 Mon Sep 17 00:00:00 2001 From: Nathanael Sensfelder Date: Sat, 30 May 2020 23:07:07 +0200 Subject: Moving toward a more readable color scheme... --- src/css/src/global.scss | 6 ++++++ src/css/src/landing.scss | 5 +++-- src/css/src/login.scss | 13 ------------- src/css/src/main-menu.scss | 6 ------ src/css/src/shared/general-header.scss | 7 +++---- src/css/src/verbose.scss | 8 -------- 6 files changed, 12 insertions(+), 33 deletions(-) diff --git a/src/css/src/global.scss b/src/css/src/global.scss index ad19c93..6165ad4 100644 --- a/src/css/src/global.scss +++ b/src/css/src/global.scss @@ -3,6 +3,12 @@ @import 'shared/sanitize'; @import 'shared/shadows'; +* +{ + color: black; + @include text-shadow(1px, black, 0.1); +} + html, body, .fullscreen-module { min-width: $MIN_PAGE_WIDTH; diff --git a/src/css/src/landing.scss b/src/css/src/landing.scss index a29dc65..6a5fa7e 100644 --- a/src/css/src/landing.scss +++ b/src/css/src/landing.scss @@ -40,10 +40,11 @@ nav a padding: 0.2em 0.5em 0.2em 0.5em; border-radius: 5px; background-color: rgba(0,0,0,0); - transition: background-color ease-out 0.5s; + transition: text-shadow ease-out 0.5s, color ease-out 0.5s; } nav a:hover { - background-color: rgba(0,0,0,0.5); + color: $GOLD-0; + @include text-shadow(1px, $BROWN-0, 0.5); } diff --git a/src/css/src/login.scss b/src/css/src/login.scss index ed6f5e8..eb43c7d 100644 --- a/src/css/src/login.scss +++ b/src/css/src/login.scss @@ -2,12 +2,6 @@ @import 'shared/shadows'; @import 'shared/general-header'; -* -{ - color: $GOLD-0; - @include text-shadow(1px, $BROWN-0, 0.5); -} - body, .fullscreen-module { @@ -37,8 +31,6 @@ main > nav a position: relative; margin-bottom: -1px; - color: $BROWN-1; - text-shadow: none; box-shadow: none; transition: background-color 0.3s ease-out; @@ -107,8 +99,6 @@ article article p { - color: $BROWN-0; - text-shadow: none; margin: 0.5em 4em 0.5em 4em; } @@ -183,9 +173,6 @@ article input border-radius: 15px 0 0 15px; padding: 0.5em; - color: $BROWN-0; - text-shadow: none; - flex: 1; } diff --git a/src/css/src/main-menu.scss b/src/css/src/main-menu.scss index cb8572e..ea15e00 100644 --- a/src/css/src/main-menu.scss +++ b/src/css/src/main-menu.scss @@ -1,12 +1,6 @@ @import 'shared/colors'; @import 'shared/shadows'; -* -{ - color: $GOLD-0; - @include text-shadow(1px, $BROWN-0, 0.5); -} - body, .fullscreen-module { diff --git a/src/css/src/shared/general-header.scss b/src/css/src/shared/general-header.scss index fd0c65a..580353e 100644 --- a/src/css/src/shared/general-header.scss +++ b/src/css/src/shared/general-header.scss @@ -22,7 +22,6 @@ body > header nav, body > header nav a, .fullscreen-module > header nav a { - color: $GOLD-0; font-size: 1.5em; font-variant: small-caps; font-weight: bold; @@ -30,8 +29,7 @@ body > header nav a, margin: 0.1em; padding: 0.2em 0.5em 0.2em 0.5em; border-radius: 5px; - background-color: rgba(0,0,0,0); - transition: background-color ease-out 0.5s; + transition: text-shadow ease-out 0.5s, color ease-out 0.5s; } .main-server-logo @@ -52,5 +50,6 @@ body > header nav a, body > header nav a:hover, .fullscreen-module > header nav a:hover, { - background-color: rgba(0,0,0,0.5); + color: $GOLD-0; + @include text-shadow(1px, $BROWN-0, 0.5); } diff --git a/src/css/src/verbose.scss b/src/css/src/verbose.scss index b6f34ee..f8669ff 100644 --- a/src/css/src/verbose.scss +++ b/src/css/src/verbose.scss @@ -3,12 +3,6 @@ @import 'shared/general-header'; -* -{ - color: $GOLD-0; - @include text-shadow(1px, $BROWN-0, 0.5); -} - body { display: flex; @@ -54,8 +48,6 @@ article > p margin: 0 3em 0.5em 3em; line-height: 1.3em; font-size: 1.2em; - color: $BROWN-0; - text-shadow: none; } article > header -- cgit v1.2.3-70-g09d2