diff options
| author | Mitja Felicijan <mitja.felicijan@gmail.com> | 2019-11-28 02:57:59 +0100 |
|---|---|---|
| committer | Mitja Felicijan <mitja.felicijan@gmail.com> | 2019-11-28 02:57:59 +0100 |
| commit | 76afce4713cb5287c601ce341b84abfb08809483 (patch) | |
| tree | 52e80056b20cdfb33fc3833ffc1763232b22173a /src | |
| parent | 5471d723a030705c349c1633faf134b137bc9a5a (diff) | |
| download | mitjafelicijan.com-76afce4713cb5287c601ce341b84abfb08809483.tar.gz | |
Added default font and dark mode
Diffstat (limited to 'src')
| -rw-r--r-- | src/static/style.css | 27 |
1 files changed, 26 insertions, 1 deletions
diff --git a/src/static/style.css b/src/static/style.css index cc3bb77..8f4e05c 100644 --- a/src/static/style.css +++ b/src/static/style.css | |||
| @@ -5,6 +5,7 @@ | |||
| 5 | body { | 5 | body { |
| 6 | line-height: 150%; | 6 | line-height: 150%; |
| 7 | margin-bottom: 100px; | 7 | margin-bottom: 100px; |
| 8 | font-family: serif; | ||
| 8 | } | 9 | } |
| 9 | 10 | ||
| 10 | main { | 11 | main { |
| @@ -142,8 +143,14 @@ p.modified { | |||
| 142 | 143 | ||
| 143 | } | 144 | } |
| 144 | 145 | ||
| 146 | ul.article-list li div { | ||
| 147 | display: block; | ||
| 148 | margin-top: 15px; | ||
| 149 | } | ||
| 150 | |||
| 145 | ul.article-list a { | 151 | ul.article-list a { |
| 146 | display: block; | 152 | display: block; |
| 153 | margin-top: 5px; | ||
| 147 | } | 154 | } |
| 148 | 155 | ||
| 149 | h1 { | 156 | h1 { |
| @@ -159,6 +166,24 @@ p.modified { | |||
| 159 | } | 166 | } |
| 160 | } | 167 | } |
| 161 | 168 | ||
| 169 | @media (prefers-color-scheme: light) { | ||
| 170 | body { | ||
| 171 | background-color: white; | ||
| 172 | color: black; | ||
| 173 | } | ||
| 174 | } | ||
| 175 | |||
| 176 | @media (prefers-color-scheme: dark) { | ||
| 177 | body { | ||
| 178 | background-color: rgb(30, 30, 30); | ||
| 179 | color: white; | ||
| 180 | } | ||
| 181 | |||
| 182 | a { | ||
| 183 | color: white; | ||
| 184 | } | ||
| 185 | } | ||
| 186 | |||
| 162 | /* prism theme */ | 187 | /* prism theme */ |
| 163 | 188 | ||
| 164 | /** | 189 | /** |
| @@ -279,4 +304,4 @@ p.modified { | |||
| 279 | 304 | ||
| 280 | .token.italic { | 305 | .token.italic { |
| 281 | font-style: italic; | 306 | font-style: italic; |
| 282 | } | 307 | } |
