diff --git a/src/lib/constants.js b/src/lib/constants.js index 5b7e8b5..3a0127f 100644 --- a/src/lib/constants.js +++ b/src/lib/constants.js @@ -77,8 +77,9 @@ let constants = { {file: "classic", name: "Vanilla sard"}, {file: "blue", name: "Vanilla sky"}, {file: "discord", name: "Discord dark"}, + {file: "pitchblack", name: "Pitch black"}, {file: "pussthecat.org", name: "PussTheCat.org dark v1"}, - {file: "pussthecat.org-v2", name: "PussTheCat.org dark v2"} + {file: "pussthecat.org-v2", name: "PussTheCat.org dark v2"}, ], // To add your own theme, create an entry that replaces this array in config.js, then add your theme to it. // Format: `{file: string, name: string}[]` diff --git a/src/site/sass/pitchblack.sass b/src/site/sass/pitchblack.sass new file mode 100644 index 0000000..ef4f0d6 --- /dev/null +++ b/src/site/sass/pitchblack.sass @@ -0,0 +1,10 @@ +@use "themes/pitchblack" as * +@use "includes/dimensions" as * +@use "includes/main" with ($theme: $theme) + +.top-nav + border-bottom: 1px solid $edge + +@media screen and (min-width: $layout-b-min) + .images-gallery + border-left: 1px solid $edge diff --git a/src/site/sass/themes/_pitchblack.scss b/src/site/sass/themes/_pitchblack.scss new file mode 100644 index 0000000..0971352 --- /dev/null +++ b/src/site/sass/themes/_pitchblack.scss @@ -0,0 +1,58 @@ +// Defined in scss file instead of sass because indented syntax does not have multiline maps +// This is based on the classic theme, so it pulls that in as the base and then overwrites only the properties it cares about +// This also makes it future-proof because future additions to classic will be automatically available in this style too + +@use "pussthecat.org-v2" as ptc; + +$edge: #646566; +$link: #6ca9e6; +$fg-1: #fff; +$fg-2: #f7f7f7; +$fg-3: #e0e0e0; + +$theme: map-merge(ptc.$theme, ( + "background-primary": #000, + "background-timeline-profile": #000, + "background-timeline-loading": #343a40, //todo + "background-post-distraction": #050607, + "background-post-overlay": #0c0d0e95, + "background-post-header": #000, + "background-post-pfp-loading": #121212, + "background-post-caption": #000, + "background-post-gallery": #000, + "background-post-loading": #000, + "background-power-primary": #000, + "background-power-secondary": #000, + "background-power-tertiary": #000, + "background-power-palest": #121416, + "background-power-pale": #050607, + "background-power-quote": #343a40, + "background-go-input": #121416, + "background-error-page": #000, + "background-primary-quote": #343a40, + "background-banner-success": #163115, + "foreground-primary": $fg-2, + "foreground-header": $fg-1, + "foreground-power-primary": $fg-1, + "foreground-power-secondary": $fg-2, + "foreground-power-tertiary": $fg-2, + "foreground-go-control": $fg-2, + "foreground-thumbnail-alt": $fg-3, + "foreground-timeline-page": $fg-3, + "foreground-post-header": $fg-1, + "foreground-error-code": $fg-1, + "foreground-error-message": $fg-1, + "foreground-error-explanation": $fg-2, + "link-primary": $link, + "link-power": $link, + "link-error-page": $link, + "link-hashtag": #7eae74, + "edge-context-divider": none, + "edge-thumbnail-hover": solid #ffffff, + "edge-go-control": 1px solid $edge, + "edge-power-border": 1px solid #666, + "edge-power-divider": 1px solid #343a40, + "shadow-down": none, + "shadow-right": none, + "shadow-down-inset": none +));