mirror of https://gitlab.com/tildes/tildes.git
xzi
9 months ago
5 changed files with 121 additions and 5 deletions
-
1tildes/scss/styles.scss
-
103tildes/scss/themes/_nord.scss
-
9tildes/tildes/templates/base.jinja2
-
2tildes/tildes/views/settings.py
-
11tildes/tildes/views/topic.py
@ -0,0 +1,103 @@ |
|||||
|
// Color palette is Sven Greb's "Nord" |
||||
|
// (https://www.nordtheme.com/) |
||||
|
|
||||
|
// "Official" color names from Nord |
||||
|
// stylelint-disable scss/dollar-variable-pattern |
||||
|
|
||||
|
// Polar Night |
||||
|
$nord0: #2e3440; |
||||
|
$nord1: #3b4252; |
||||
|
$nord2: #434c5e; |
||||
|
$nord3: #4c566a; |
||||
|
|
||||
|
// Snow Storm |
||||
|
$nord4: #d8dee9; |
||||
|
$nord5: #e5e9f0; |
||||
|
$nord6: #eceff4; |
||||
|
|
||||
|
// Frost |
||||
|
$nord7: #8fbcbb; |
||||
|
$nord8: #88c0d0; |
||||
|
$nord9: #81a1c1; |
||||
|
$nord10: #5e81ac; |
||||
|
|
||||
|
// Aurora |
||||
|
$nord11: #bf616a; |
||||
|
$nord12: #d08770; |
||||
|
$nord13: #ebcb8b; |
||||
|
$nord14: #a3be8c; |
||||
|
$nord15: #b48ead; |
||||
|
// stylelint-enable scss/dollar-variable-pattern |
||||
|
|
||||
|
// Shared between both "light" and "dark" variants |
||||
|
$theme-nord-base: ( |
||||
|
"alert": $nord12, |
||||
|
"comment-label-exemplary": $nord10, |
||||
|
"comment-label-joke": $nord14, |
||||
|
"comment-label-noise": $nord13, |
||||
|
"comment-label-offtopic": $nord8, |
||||
|
"comment-label-malice": $nord11, |
||||
|
"error": $nord11, |
||||
|
"link": $nord8, |
||||
|
"link-visited": $nord15, |
||||
|
"success": $nord14, |
||||
|
"syntax-builtin": $nord8, |
||||
|
"syntax-comment": $nord14, |
||||
|
"syntax-constant": $nord11, |
||||
|
"syntax-keyword": $nord9, |
||||
|
"syntax-literal": $nord15, |
||||
|
"syntax-string": $nord13, |
||||
|
"warning": $nord13, |
||||
|
); |
||||
|
|
||||
|
// Dark theme definition |
||||
|
$theme-nord-dark: |
||||
|
map-merge( |
||||
|
$theme-nord-base, |
||||
|
( |
||||
|
"background-input": #001f27, |
||||
|
"background-primary": $nord0, |
||||
|
"background-secondary": $nord2, |
||||
|
"border": $nord3, |
||||
|
"foreground-highlight": $nord6, |
||||
|
"foreground-primary": $nord5, |
||||
|
"foreground-secondary": $nord4, |
||||
|
) |
||||
|
); |
||||
|
|
||||
|
body.theme-nord-dark { |
||||
|
@include use-theme($theme-nord-dark); |
||||
|
} |
||||
|
|
||||
|
@include theme-preview-block( |
||||
|
"nord-dark", |
||||
|
map-get($theme-nord-dark, "foreground-primary"), |
||||
|
map-get($theme-nord-dark, "background-primary") |
||||
|
); |
||||
|
|
||||
|
// Light theme definition |
||||
|
$theme-nord-light: |
||||
|
map-merge( |
||||
|
$theme-nord-base, |
||||
|
( |
||||
|
"background-input": #fefbf1, |
||||
|
"background-primary": $nord6, |
||||
|
"background-secondary": $nord5, |
||||
|
"border": #cbc5b6, |
||||
|
"foreground-highlight": $nord3, |
||||
|
"foreground-primary": $nord2, |
||||
|
"foreground-secondary": $nord1, |
||||
|
"stripe-target": $nord13, |
||||
|
"warning": $nord12, |
||||
|
) |
||||
|
); |
||||
|
|
||||
|
body.theme-nord-light { |
||||
|
@include use-theme($theme-nord-light); |
||||
|
} |
||||
|
|
||||
|
@include theme-preview-block( |
||||
|
"nord-light", |
||||
|
map-get($theme-nord-light, "foreground-primary"), |
||||
|
map-get($theme-nord-light, "background-primary") |
||||
|
); |
Write
Preview
Loading…
Cancel
Save
Reference in new issue