diff --git a/src/lib/constants.js b/src/lib/constants.js index 2c8ef93..f7c4e9c 100644 --- a/src/lib/constants.js +++ b/src/lib/constants.js @@ -76,7 +76,8 @@ let constants = { official: [ {file: "classic", name: "Vanilla sard"}, {file: "blue", name: "Vanilla sky"}, - {file: "pussthecat.org", name: "Dark by PussTheCat.org"} + {file: "pussthecat.org", name: "PussTheCat.org dark v1"}, + {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/pussthecat.org-v2.sass b/src/site/sass/pussthecat.org-v2.sass new file mode 100644 index 0000000..479ce9e --- /dev/null +++ b/src/site/sass/pussthecat.org-v2.sass @@ -0,0 +1,9 @@ +@use "themes/pussthecat.org-v2" as * +@use "includes/main" with ($theme: $theme) + +.post-page-divider + border-left: map-get($theme, "edge-context-divider") + border-right: map-get($theme, "edge-context-divider") + +.images-gallery + border-left: map-get($theme, "edge-context-divider") diff --git a/src/site/sass/themes/_pussthecat.org-v2.scss b/src/site/sass/themes/_pussthecat.org-v2.scss new file mode 100644 index 0000000..12f0452 --- /dev/null +++ b/src/site/sass/themes/_pussthecat.org-v2.scss @@ -0,0 +1,49 @@ +// 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 "classic"; + +$link: #6ca9e6; + +$theme: map-merge(classic.$theme, ( + "background-primary": #121212, + "background-timeline-profile": #121212, + "background-timeline-loading": #343a40, + "background-post-distraction": #0a0a0a, + "background-post-overlay": #0a0a0a95, + "background-post-header": #343a40, + "background-post-pfp-loading": #343a40, + "background-post-caption": #121212, + "background-post-gallery": #121212, + "background-post-loading": #121212, + "background-power-primary": #343a40, + "background-power-secondary": #121212, + "background-power-tertiary": #121212, + "background-power-palest": #585e64, + "background-power-pale": #474c51, + "background-power-quote": #343a40, + "background-go-input": #687078, + "background-primary-quote": #343a40, + "background-banner-success": #343a40, + "foreground-primary": #d3d3d3, + "foreground-header": #fff, + "foreground-power-primary": #fff, + "foreground-power-secondary": #d3d3d3, + "foreground-power-tertiary": #d3d3d3, + "foreground-go-control": #fff, + "foreground-thumbnail-alt": #ccc, + "foreground-timeline-page": #aaa, + "foreground-post-header": #fff, + "link-primary": $link, + "link-power": $link, + "link-error-page": $link, + "link-hashtag": #7eae74, + "edge-context-divider": 2px solid #d3d3d3, + "edge-thumbnail-hover": solid #ffffff, + "edge-go-control": 1px solid #000, + "edge-power-divider": 1px solid #343a40, + "shadow-down": none, + "shadow-right": none, + "shadow-down-inset": none +)); diff --git a/src/site/sass/themes/_pussthecat.org.scss b/src/site/sass/themes/_pussthecat.org.scss index 12f0452..232fa17 100644 --- a/src/site/sass/themes/_pussthecat.org.scss +++ b/src/site/sass/themes/_pussthecat.org.scss @@ -4,7 +4,7 @@ @use "classic"; -$link: #6ca9e6; +$link: #808080; $theme: map-merge(classic.$theme, ( "background-primary": #121212, @@ -26,11 +26,11 @@ $theme: map-merge(classic.$theme, ( "background-go-input": #687078, "background-primary-quote": #343a40, "background-banner-success": #343a40, - "foreground-primary": #d3d3d3, + "foreground-primary": #ffffff, "foreground-header": #fff, "foreground-power-primary": #fff, - "foreground-power-secondary": #d3d3d3, - "foreground-power-tertiary": #d3d3d3, + "foreground-power-secondary": #ffffff, + "foreground-power-tertiary": #ffffff, "foreground-go-control": #fff, "foreground-thumbnail-alt": #ccc, "foreground-timeline-page": #aaa, @@ -39,7 +39,7 @@ $theme: map-merge(classic.$theme, ( "link-power": $link, "link-error-page": $link, "link-hashtag": #7eae74, - "edge-context-divider": 2px solid #d3d3d3, + "edge-context-divider": 2px solid #ffffff, "edge-thumbnail-hover": solid #ffffff, "edge-go-control": 1px solid #000, "edge-power-divider": 1px solid #343a40,