diff options
Diffstat (limited to 'app.scss')
-rw-r--r-- | app.scss | 14 |
1 files changed, 11 insertions, 3 deletions
@@ -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 | } |