aboutsummaryrefslogtreecommitdiffhomepage
path: root/app.scss
diff options
context:
space:
mode:
authorpdevq <45507854+pdevq@users.noreply.github.com>2019-10-23 17:32:47 -0400
committerpdevq <45507854+pdevq@users.noreply.github.com>2019-10-23 17:32:47 -0400
commitab3366baf4217a6333a737350dffc53d7e61733a (patch)
tree17b98efc0b6823d6658b2246a23d4bdaecd685e4 /app.scss
parenta0e2769a59049e1ae83b404acf80594509fb8197 (diff)
downloadhomer-ab3366baf4217a6333a737350dffc53d7e61733a.tar.gz
homer-ab3366baf4217a6333a737350dffc53d7e61733a.tar.zst
homer-ab3366baf4217a6333a737350dffc53d7e61733a.zip
Change dark theme link hover text color to be more visible
Diffstat (limited to 'app.scss')
-rw-r--r--app.scss14
1 files changed, 11 insertions, 3 deletions
diff --git a/app.scss b/app.scss
index 3b77603..defd931 100644
--- a/app.scss
+++ b/app.scss
@@ -9,7 +9,8 @@ $theme-light: (
9 text: #363636, 9 text: #363636,
10 text-title: #303030, 10 text-title: #303030,
11 text-subtitle: #424242, 11 text-subtitle: #424242,
12 card-shadow: rgba(0, 0, 0, 0.1) 12 card-shadow: rgba(0, 0, 0, 0.1),
13 a-hover: #363636
13); 14);
14$theme-dark: ( 15$theme-dark: (
15 background: #131313, 16 background: #131313,
@@ -17,7 +18,8 @@ $theme-dark: (
17 text: #eaeaea, 18 text: #eaeaea,
18 text-title: #fafafa, 19 text-title: #fafafa,
19 text-subtitle: #f5f5f5, 20 text-subtitle: #f5f5f5,
20 card-shadow: rgba(0, 0, 0, 0.4) 21 card-shadow: rgba(0, 0, 0, 0.4),
22 a-hover: #ffdd57
21); 23);
22 24
23 25
@@ -25,7 +27,12 @@ $theme-dark: (
25@mixin theme($theme) { 27@mixin theme($theme) {
26 background-color: map-get($theme, "background"); 28 background-color: map-get($theme, "background");
27 color: map-get($theme, "text"); 29 color: map-get($theme, "text");
28 30 a {
31 &:hover {
32 color: map-get($theme, "a-hover");
33 }
34 }
35
29 .title { 36 .title {
30 color: map-get($theme, "text-title"); 37 color: map-get($theme, "text-title");
31 } 38 }
@@ -154,6 +161,7 @@ body {
154 a { 161 a {
155 color: #ffffff; 162 color: #ffffff;
156 &:hover { 163 &:hover {
164 color: #ffffff;
157 background-color: lighten( $secondary-color, 5% ); 165 background-color: lighten( $secondary-color, 5% );
158 } 166 }
159 } 167 }