From 0142cd6efeedf764edc5aea7cc935f88846e42c9 Mon Sep 17 00:00:00 2001 From: "Luna D." Date: Tue, 17 Dec 2024 18:42:47 +0100 Subject: [PATCH] remove leftover comments --- assets/css/themes/base/dark.css | 93 +------------------------- assets/css/themes/base/light.css | 104 ----------------------------- assets/css/themes/dark-blue.css | 12 +++- assets/css/themes/dark-cyan.css | 12 +++- assets/css/themes/dark-green.css | 12 +++- assets/css/themes/dark-orange.css | 12 +++- assets/css/themes/dark-pink.css | 12 +++- assets/css/themes/dark-purple.css | 12 +++- assets/css/themes/dark-red.css | 12 +++- assets/css/themes/dark-silver.css | 12 +++- assets/css/themes/dark-yellow.css | 12 +++- assets/css/themes/light-blue.css | 12 +++- assets/css/themes/light-cyan.css | 12 +++- assets/css/themes/light-green.css | 12 +++- assets/css/themes/light-orange.css | 12 +++- assets/css/themes/light-pink.css | 12 +++- assets/css/themes/light-purple.css | 12 +++- assets/css/themes/light-red.css | 12 +++- assets/css/themes/light-silver.css | 12 +++- assets/css/themes/light-yellow.css | 12 +++- 20 files changed, 199 insertions(+), 214 deletions(-) diff --git a/assets/css/themes/base/dark.css b/assets/css/themes/base/dark.css index e49f29b1..af34c2f5 100644 --- a/assets/css/themes/base/dark.css +++ b/assets/css/themes/base/dark.css @@ -1,6 +1,6 @@ @define-mixin dark-theme-mutations { :root { - /* Repeat above variable definitions as CSS variables */ + /* Repeat variable definitions as CSS variables */ --background-color: $background-color; --page-background-color: $page-background-color; --foreground-color: $foreground-color; @@ -51,210 +51,119 @@ --comment-color: var(--link-hover-color); --link-light-color: var(--foreground-color); - /* saturate(lighten($primary-light-color, 5%), 4%); */ --primary-color: hsl(from $primary-light-color h calc(s + 4) calc(l + 5)); - /* lighten($success-light-color, 4%); */ --success-color: hsl(from $success-light-color h s calc(l + 4)); - /* lighten($danger-light-color, 5%); */ --danger-color: hsl(from $danger-light-color h s calc(l + 5)); - /* lighten($warning-light-color, 6%); */ --warning-color: hsl(from $warning-light-color h s calc(l + 5)); - /* darken($header-color, 8%); */ --header-hover-color: hsl(from $header-color h s calc(l - 8)); - /* darken($header-hover-color, 4%); */ --header-field-hover-color: hsl(from $header-color h s calc(l - 12)); - /* darken($header-secondary-color, 4%); */ --header-secondary-hover-color: hsl(from $header-secondary-color h s calc(l - 4)); - /* darken($header-admin-color, 5%); */ --header-admin-hover-color: hsl(from $header-admin-color h s calc(l - 5)); - /* adjust-hue(saturate(darken($block-header-color, 4%), 4%), -3deg); */ --block-header-hover-color: hsl(from $block-header-color calc(h - 3) calc(s + 4) calc(l - 4)); - /* adjust-hue(desaturate(darken($block-header-link-text-color, 3%), 20%), 6deg); */ --block-header-link-text-hover-color: hsl(from $block-header-link-text-color calc(h + 6) calc(s - 20) calc(l - 3)); - /* adjust-hue(saturate(darken($block-header-light-color, 4%), 10%), -4deg); */ --block-header-light-hover-color: hsl(from $block-header-light-color calc(h - 4) calc(s + 10) calc(l - 4)); - /* adjust-hue(desaturate(darken($block-header-light-link-text-color, 2%), 10%), 8deg); */ --block-header-light-link-text-hover-color: hsl(from $block-header-light-link-text-color calc(h + 8) calc(s - 10) calc(l - 2)); - /* darken($media-box-color, 4%); */ --media-box-hover-color: hsl(from $media-box-color h s calc(l - 4)); - /* desaturate(darken($link-color, 3%), 18%); */ --media-box-header-link-text-hover-color: hsl(from $link-color h calc(s - 18) calc(l - 3)); - /* $link-color; */ --media-box-header-link-text-color: $link-color; - /* darken($media-box-header-link-text-color, 10%); */ --media-box-header-link-text-hover-color: hsl(from $link-color h s calc(l - 10)); - /* mix($link-color, $foreground-color, 70%); */ --link-dark-color: hsl(from $link-color h calc(s - 15) calc(l + 40)); - /* mix($link-hover-color, $foreground-color, 70%); */ --link-dark-hover-color: hsl(from $link-hover-color h s calc(l + 40)); - /* $link-dark-color; */ --image-show-link-color: hsl(from $link-color h s calc(l + 40)); - /* $link-dark-hover-color; */ --image-show-link-hover-color: hsl(from $link-hover-color h s calc(l + 40)); - /* $foreground-color; */ --image-overlay-color: $foreground-color; - /* darken($background-color, 30%); */ --image-overlay-background: hsl(from $background-color h s calc(l - 30)); - /* lighten($assistant-color, 8%); */ --assistant-border-color: hsl(from $assistant-color h s calc(l + 8)); - /* mix($vote-down-color, $background-color, 17%); */ --admin-links-color: hsl(from $vote-down-color h calc(s - 50) calc(l - 28)); - /* mix($vote-down-color, $background-color, 48%); */ --admin-links-hover-color: hsl(from $vote-down-color h calc(s - 20) calc(l - 20)); - /* darken($background-color, 3%); */ --background-odd-color: hsl(from $background-color h s calc(l - 3)); - /* $background-color; */ --background-even-color: $background-color; - /* desaturate(darken($success-color, 9%), 2%); */ --success-odd-color: hsl(from $success-light-color h calc(s - 2) calc(l - 5)); - /* saturate(darken($success-light-color, 2%), 2%); */ --success-even-color: hsl(from $success-light-color h calc(s + 2) calc(l - 2)); - /* saturate(darken($warning-color, 19%), 10%); */ --warning-odd-color: hsl(from $warning-light-color h calc(s + 10) calc(l - 15)); - /* saturate(darken($warning-light-color, 7%), 7%); */ --warning-even-color: hsl(from $warning-light-color h calc(s + 7) calc(l - 7)); - /* desaturate(darken($danger-color, 16%), 2%); */ --danger-odd-color: hsl(from $danger-light-color h calc(s - 2) calc(l - 11)); - /* darken($danger-light-color, 6%); */ --danger-even-color: hsl(from $danger-light-color h s calc(l - 6)); - /* mix($foreground-color, $background-color); */ --foreground-half-color: hsl(from $background-color h s calc(l + 50)); - /* lighten($base-color, 5%); */ --sparkline-color: hsl(from $base-color h s calc(l + 5)); - /* $foreground-color; */ --input-text-color: $foreground-color; - /* $meta-color; */ --input-color: var(--meta-color); - /* $meta-border-color; */ --input-border: var(--meta-border-color); - /* lighten($meta-color, 5%); */ --input-color-active: hsl(from $meta-color h s calc(l + 5)); - /* desaturate(lighten($base-color, 2%), 10%); */ --input-border-active: hsl(from $base-color h calc(s - 10) calc(l + 2)); - /* darken($tag-normal-color, 29%); */ --tag-normal-background: hsl(from $tag-normal-color h s calc(l - 29)); - /* darken($tag-normal-color, 18%); */ --tag-normal-border: hsl(from $tag-normal-color h s calc(l - 18)); - /* darken($tag-category-rating-color, 35%); */ --tag-category-rating-background: hsl(from $tag-category-rating-color h s calc(l - 35)); - /* desaturate(darken($tag-category-rating-color, 20%), 10%); */ --tag-category-rating-border: hsl(from $tag-category-rating-color h calc(s - 10) calc(l - 20)); - /* darken($tag-category-spoiler-color, 34%); */ --tag-category-spoiler-background: hsl(from $tag-category-spoiler-color h s calc(l - 34)); - /* darken($tag-category-spoiler-color, 23%); */ --tag-category-spoiler-border: hsl(from $tag-category-spoiler-color h s calc(l - 23)); - /* darken($tag-category-origin-color, 40%); */ --tag-category-origin-background: hsl(from $tag-category-origin-color h s calc(l - 40)); - /* desaturate(darken($tag-category-origin-color, 22%), 28%); */ --tag-category-origin-border: hsl(from $tag-category-origin-color h calc(s - 28) calc(l - 22)); - /* darken($tag-category-oc-color, 33%); */ --tag-category-oc-background: hsl(from $tag-category-oc-color h s calc(l - 33)); - /* darken($tag-category-oc-color, 15%); */ --tag-category-oc-border: hsl(from $tag-category-oc-color h s calc(l - 15)); - /* desaturate(darken($tag-category-error-color, 38%), 6%); */ --tag-category-error-background: hsl(from $tag-category-error-color h calc(s - 6) calc(l - 38)); - /* darken($tag-category-error-color, 22%); */ --tag-category-error-border: hsl(from $tag-category-error-color h s calc(l - 22)); - /* darken($tag-category-character-color, 33%); */ --tag-category-character-background: hsl(from $tag-category-character-color h s calc(l - 33)); - /* darken($tag-category-character-color, 20%); */ --tag-category-character-border: hsl(from $tag-category-character-color h s calc(l - 20)); - /* desaturate(darken($tag-category-content-official-color, 29%), 2%); */ --tag-category-content-official-background: hsl(from $tag-category-content-official-color h calc(s - 2) calc(l - 29)); - /* darken($tag-category-content-official-color, 20%); */ --tag-category-content-official-border: hsl(from $tag-category-content-official-color h s calc(l - 20)); - /* darken($tag-category-content-fanmade-color, 40%); */ --tag-category-content-fanmade-background: hsl(from $tag-category-content-fanmade-color h s calc(l - 40)); - /* desaturate(darken($tag-category-content-fanmade-color, 20%), 10%); */ --tag-category-content-fanmade-border: hsl(from $tag-category-content-fanmade-color h calc(s - 10) calc(l - 20)); - /* darken($tag-category-species-color, 35%); */ --tag-category-species-background: hsl(from $tag-category-species-color h s calc(l - 35)); - /* desaturate(darken($tag-category-species-color, 20%), 10%); */ --tag-category-species-border: hsl(from $tag-category-species-color h calc(s - 10) calc(l - 20)); - /* darken($tag-category-body-type-color, 50%); */ --tag-category-body-type-background: hsl(from $tag-category-body-type-color h s calc(l - 50)); - /* desaturate(darken($tag-category-body-type-color, 37%), 10%); */ --tag-category-body-type-border: hsl(from $tag-category-body-type-color h calc(s - 10) calc(l - 37)); - /* darken($commission-category-color, 36%); */ --commission-category-background: hsl(from $commission-category-color h s calc(l - 36)); - /* darken($commission-category-color, 25%); */ --commission-category-border: hsl(from $commission-category-color h s calc(l - 25)); - /* desaturate(lighten($block-header-link-text-color, 8%), 20%); */ --site-notice-link-color: hsl(from $block-header-link-text-color h calc(s - 20) calc(l + 8)); - /* darken($site-notice-link-color, 8%); */ --site-notice-link-hover-color: hsl(from $block-header-link-text-color h calc(s - 20) l); - /* $foreground-color; */ --button-text-color: $foreground-color; - /* rgba($meta-color, 0.2); */ --button-background-color: rgba($meta-color, 0.2); - /* $input-color-active; */ --button-hover-background-color: var(--input-color-active); - /* $input-border-active; */ --button-hover-border-color: var(--input-border-active); - /* $meta-border-color; */ --button-border-color: var(--meta-border-color); - /* $primary-light-color; */ --button-primary-background-color: $primary-light-color; - /* $success-light-color; */ --button-success-background-color: $success-light-color; - /* $warning-light-color; */ --button-warning-background-color: $warning-light-color; - /* $danger-light-color; */ --button-danger-background-color: $danger-light-color; - /* saturate(lighten($primary-light-color, 14%), 22%); */ --button-primary-border-color: hsl(from $primary-light-color h calc(s + 22) calc(l + 14)); - /* saturate(lighten($success-light-color, 9%), 10%); */ --button-success-border-color: hsl(from $success-light-color h calc(s + 10) calc(l + 9)); - /* saturate(lighten($warning-light-color, 12%), 10%); */ --button-warning-border-color: hsl(from $warning-light-color h calc(s + 10) calc(l + 12)); - /* saturate(lighten($danger-light-color, 18%), 6%); */ --button-danger-border-color: hsl(from $danger-light-color h calc(s + 6) calc(l + 18)); - /* darken($button-primary-background-color, 5%); */ --button-primary-hover-background: hsl(from $primary-light-color h calc(s + 5) l); - /* darken($button-primary-border-color, 5%); */ --button-primary-hover-border: hsl(from $primary-light-color h calc(s + 5) l); - /* darken($button-success-background-color, 5%); */ --button-success-hover-background: hsl(from $success-light-color h s calc(l - 5)); - /* darken($button-success-border-color, 5%); */ --button-success-hover-border: hsl(from $success-light-color h calc(s + 10) calc(l + 4)); - /* darken($button-warning-background-color, 6%); */ --button-warning-hover-background: hsl(from $warning-light-color h s calc(l - 6)); - /* darken($button-warning-border-color, 6%); */ --button-warning-hover-border: hsl(from $warning-light-color h calc(s + 10) calc(l + 6)); - /* darken($button-danger-background-color, 5%); */ --button-danger-hover-background: hsl(from $danger-light-color h s calc(l - 5)); - /* darken($button-danger-border-color, 5%); */ --button-danger-hover-border: hsl(from $danger-light-color h calc(s + 6) calc(l + 13)); - /* mix($vote-down-color, $block-header-light-color, 30%); */ --downvote-disabled-color: hsl(from $vote-down-color h calc(s - 10) calc(l - 10)); - /* lighten($vote-down-color, 10%); */ --dnp-warning-hover-color: hsl(from $vote-down-color h s calc(l + 10)); - /* lighten($border-color, 8); */ --poll-form-label-background: hsl(from $border-color h s calc(l + 8)); - /* darken($meta-color, 4%); */ --tag-dropdown-hover-background: hsl(from $meta-color h s calc(l - 4)); } } diff --git a/assets/css/themes/base/light.css b/assets/css/themes/base/light.css index 98ff8d7c..a72ad6f8 100644 --- a/assets/css/themes/base/light.css +++ b/assets/css/themes/base/light.css @@ -32,239 +32,135 @@ --image-overlay-color: $image-overlay-color; --image-overlay-background-color: $image-overlay-background-color; - /* $background-color */ --text-light-color: $background-color; - /* mix($foreground-color, $background-color, 5%) */ --meta-color: hsl(from $foreground-color h s calc(l + 77)); - /* mix($foreground-color, $meta-color, 30%) */ --meta-border-color: hsl(from $foreground-color h s calc(l + 58)); --comment-color: var(--link-hover-color); - /* darken($base-color, 9%) */ --header-color: hsl(from $base-color h s calc(l - 9)); - /* darken($base-color, 16%) */ --header-hover-color: hsl(from $base-color h s calc(l - 16)); - /* $base-color */ --header-field-color: $base-color; - /* darken($base-color, 7%) */ --header-field-hover-color: hsl(from $base-color h s calc(l - 7)); - /* desaturate(lighten($base-color, 30%), 25%) */ --header-secondary-color: hsl(from $base-color h calc(s - 25) calc(l + 30)); - /* darken($header-secondary-color, 7%) */ --header-secondary-hover-color: hsl(from $base-color h calc(s - 25) calc(l + 23)); - /* mix($vote-down-color, $background-color, 16%) */ --header-admin-color: hsl(from $vote-down-color h s calc(l + 50)); - /* mix($vote-down-color, $background-color, 30%) */ --header-admin-hover-color: hsl(from $vote-down-color h s calc(l + 40)); - /* lighten($base-color, 28%) */ --block-header-color: hsl(from $base-color h s calc(l + 28)); - /* desaturate(lighten($base-color, 20%), 5%) */ --block-header-hover-color: hsl(from $base-color h calc(s - 5) calc(l + 20)); - /* saturate(darken($header-color, 5%), 6%) */ --block-header-link-text-color: hsl(from $base-color h calc(s + 5) calc(l - 15)); - /* darken($header-color, 15%) */ --block-header-link-text-hover-color: hsl(from $base-color h s calc(l - 24)); - /* desaturate(lighten($base-color, 31%), 16%) */ --block-header-light-color: hsl(from $base-color h calc(s - 16) calc(l + 31)); - /* lighten($header-secondary-hover-color, 2%) */ --block-header-light-hover-color: hsl(from $base-color h calc(s - 25) calc(l + 25)); - /* darken($block-header-light-color, 42%) */ --block-header-light-link-text-color: hsl(from $base-color h calc(s - 16) calc(l - 11)); - /* darken($block-header-light-color, 52%) */ --block-header-light-link-text-hover-color: hsl(from $base-color h calc(s - 16) calc(l - 21)); - /* darken($block-header-light-color, 3%) */ --border-color: hsl(from $base-color h calc(s - 16) calc(l + 28)); - /* desaturate($block-header-light-color, 10%) */ --media-box-color: hsl(from $base-color h calc(s - 26) calc(l + 31)); - /* saturate(darken($media-box-color, 6%), 6%) */ --media-box-hover-color: hsl(from $base-color h calc(s - 20) calc(l + 25)); - /* $link-color */ --media-box-header-link-text-color: $link-color; - /* darken($media-box-header-link-text-color, 10%) */ --media-box-header-link-text-hover-color: hsl(from $link-color h s calc(l - 10)); --link-light-color: var(--background-color); - /* lighten($primary-color, 5%) */ --primary-light-color: hsl(from $primary-color h s calc(l + 5)); - /* lighten($success-color, 7%) */ --success-light-color: hsl(from $success-color h s calc(l + 7)); - /* lighten($danger-color, 4%) */ --danger-light-color: hsl(from $danger-color h s calc(l + 4)); - /* lighten($warning-color, 6%) */ --warning-light-color: hsl(from $warning-color h s calc(l + 6)); - /* darken($link-color, 20%) */ --link-dark-color: hsl(from $link-color h s calc(l - 20)); - /* darken($link-hover-color, 20%) */ --link-hover-dark-color: hsl(from $link-hover-color h s calc(l - 20)); - /* $link-color */ --image-show-link-color: $link-color; - /* $link-hover-color */ --image-show-link-hover-color: $link-hover-color; - /* In default theme, expect odd color to be darker! */ - /* lighten($base-color, 35%) */ --background-odd-color: hsl(from $base-color h s calc(l + 35)); - /* $background-color */ --background-even-color: $background-color; - /* Depending on the theme, you may want to swap even and odd colors */ - /* saturate(darken($success-light-color, 3%), 8%) */ --success-odd-color: hsl(from $success-color h calc(s + 8) calc(l + 4)); - /* lighten($success-color, 13%) */ --success-even-color: hsl(from $success-color h s calc(l + 13)); - /* saturate(darken($warning-light-color, 7%), 10%) */ --warning-odd-color: hsl(from $warning-color h calc(s + 10) calc(l - 1)); - /* lighten($warning-color, 5%) */ --warning-even-color: hsl(from $warning-color h s calc(l + 5)); - /* saturate(darken($danger-light-color, 1%), 12%) */ --danger-odd-color: hsl(from $danger-color h calc(s + 12) calc(l + 3)); - /* desaturate(lighten($danger-color, 7%), 10%) */ --danger-even-color: hsl(from $danger-color h calc(s - 10) calc(l + 7)); - /* mix($foreground-color, $background-color) */ --foreground-half-color: hsl(from $background-color h s calc(l - 45)); - /* lighten($base-color, 5%) */ --sparkline-color: hsl(from $base-color h s calc(l + 5)); - /* darken($assistant-color, 8%) */ --assistant-border-color: hsl(from $assistant-color h s calc(l - 8)); - /* mix($vote-down-color, $background-color, 17%) */ --admin-links-color: hsl(from $vote-down-color h calc(s - 20) calc(l + 50)); - /* mix($vote-down-color, $background-color, 48%) */ --admin-links-hover-color: hsl(from $vote-down-color h calc(s - 30) calc(l + 30)); - /* $foreground-color */ --input-text-color: $foreground-color; - /* $meta-color */ --input-color: var(--meta-color); - /* $meta-border-color */ --input-border: var(--meta-border-color); - /* desaturate(lighten($base-color, 30%), 16%) */ --input-color-active: hsl(from $base-color h calc(s - 16) calc(l + 30)); - /* lighten($base-color, 10%) */ --input-border-active: hsl(from $base-color h s calc(l + 10)); - /* desaturate(lighten($tag-normal-color, 44%), 28%) */ --tag-normal-background: hsl(from $tag-normal-color h calc(s - 28) calc(l + 44)); - /* darken($tag-normal-background, 16%) */ --tag-normal-border: hsl(from $tag-normal-color h calc(s - 28) calc(l + 28)); - /* desaturate(lighten($tag-category-rating-color, 41%), 25%) */ --tag-category-rating-background: hsl(from $tag-category-rating-color h calc(s - 25) calc(l + 41)); - /* darken($tag-category-rating-background, 10%) */ --tag-category-rating-border: hsl(from $tag-category-rating-color h calc(s - 25) calc(l + 31)); - /* lighten($tag-category-spoiler-color, 41%) */ --tag-category-spoiler-background: hsl(from $tag-category-spoiler-color h s calc(l + 41)); - /* darken($tag-category-spoiler-background, 8%) */ --tag-category-spoiler-border: hsl(from $tag-category-spoiler-color h s calc(l + 33)); - /* lighten($tag-category-origin-color, 43%) */ --tag-category-origin-background: hsl(from $tag-category-origin-color h s calc(l + 43)); - /* darken($tag-category-origin-background, 10%) */ --tag-category-origin-border: hsl(from $tag-category-origin-color h s calc(l + 33)); - /* lighten($tag-category-oc-color, 35%) */ --tag-category-oc-background: hsl(from $tag-category-oc-color h s calc(l + 35)); - /* darken($tag-category-oc-background, 9%) */ --tag-category-oc-border: hsl(from $tag-category-oc-color h s calc(l + 26)); - /* lighten($tag-category-error-color, 40%) */ --tag-category-error-background: hsl(from $tag-category-error-color h s calc(l + 40)); - /* darken($tag-category-error-background, 8%) */ --tag-category-error-border: hsl(from $tag-category-error-color h s calc(l + 32)); - /* desaturate(lighten($tag-category-character-color, 44%), 10%) */ --tag-category-character-background: hsl(from $tag-category-character-color h calc(s - 10) calc(l + 44)); - /* lighten($tag-category-character-color, 22%) */ --tag-category-character-border: hsl(from $tag-category-character-color h s calc(l + 22)); - /* lighten($tag-category-content-official-color, 41%) */ --tag-category-content-official-background: hsl(from $tag-category-content-official-color h s calc(l + 41)); - /* lighten($tag-category-content-official-color, 18%) */ --tag-category-content-official-border: hsl(from $tag-category-content-official-color h s calc(l + 18)); - /* lighten($tag-category-content-fanmade-color, 36%) */ --tag-category-content-fanmade-background: hsl(from $tag-category-content-fanmade-color h s calc(l + 36)); - /* lighten($tag-category-content-fanmade-color, 18%) */ --tag-category-content-fanmade-border: hsl(from $tag-category-content-fanmade-color h s calc(l + 18)); - /* lighten($tag-category-species-color, 44%) */ --tag-category-species-background: hsl(from $tag-category-species-color h s calc(l + 44)); - /* lighten($tag-category-species-color, 25%) */ --tag-category-species-border: hsl(from $tag-category-species-color h s calc(l + 25)); - /* lighten($tag-category-body-type-color, 45%) */ --tag-category-body-type-background: hsl(from $tag-category-body-type-color h s calc(l + 45)); - /* lighten($tag-category-body-type-color, 35%) */ --tag-category-body-type-border: hsl(from $tag-category-body-type-color h s calc(l + 35)); - /* saturate(lighten($commission-category-color, 40%), 12%) */ --commission-category-background: hsl(from $commission-category-color h calc(s + 12) calc(l + 40)); - /* lighten($commission-category-color, 20%) */ --commission-category-border: hsl(from $commission-category-color h s calc(l + 20)); - /* darken($base-color, 32%) */ --site-notice-color: hsl(from $base-color h s calc(l - 32)); - /* $block-header-light-color */ --site-notice-link-color: var(--block-header-light-color); - /* $block-header-hover-color */ --site-notice-link-hover-color: var(--block-header-hover-color); - /* $foreground-color */ --button-text-color: $foreground-color; - /* rgba($meta-color, 0.2) */ --button-background-color: rgba(var(--meta-color), 0.2); - /* $input-color-active */ --button-hover-background-color: var(--input-color-active); - /* $input-border-active */ --button-hover-border-color: var(--input-border-active); - /* $meta-border-color */ --button-border-color: var(--meta-border-color); - /* $primary-light-color */ --button-primary-background-color: hsl(from $primary-color h s calc(l + 5)); - /* $success-light-color */ --button-success-background-color: hsl(from $success-color h s calc(l + 7)); - /* $warning-light-color */ --button-warning-background-color: hsl(from $warning-color h s calc(l + 6)); - /* $danger-light-color */ --button-danger-background-color: hsl(from $warning-color h s calc(l + 6)); - /* darken($primary-color, 8%) */ --button-primary-border-color: hsl(from $primary-color h s calc(l - 8)); - /* darken($success-color, 10%) */ --button-success-border-color: hsl(from $success-color h s calc(l - 10)); - /* darken($warning-color, 11%) */ --button-warning-border-color: hsl(from $warning-color h s calc(l - 11)); - /* darken($danger-color, 8%) */ --button-danger-border-color: hsl(from $danger-color h s calc(l - 8)); - /* darken($button-primary-background-color, 5%) */ --button-primary-hover-background: $primary-color; - /* darken($button-primary-border-color, 5%) */ --button-primary-hover-border: hsl(from $primary-color h s calc(l - 13)); - /* darken($button-success-background-color, 5%) */ --button-success-hover-background: hsl(from $success-color h s calc(l + 2)); - /* darken($button-success-border-color, 5%) */ --button-success-hover-border: hsl(from $success-color h s calc(l - 15)); - /* darken($button-warning-background-color, 6%) */ --button-warning-hover-background: $warning-color; - /* darken($button-warning-border-color, 6%) */ --button-warning-hover-border: hsl(from $warning-color h s calc(l - 17)); - /* darken($button-danger-background-color, 5%) */ --button-danger-hover-background: hsl(from $danger-color h s calc(l + 1)); - /* darken($button-danger-border-color, 5%) */ --button-danger-hover-border: hsl(from $danger-color h s calc(l - 13)); - /* mix($vote-down-color, $block-header-light-color, 30%) */ --downvote-disabled-color: hsl(from $vote-down-color calc(s - 40) calc(l - 20)); - /* lighten($vote-down-color, 10%) */ --dnp-warning-hover-color: hsl(from $vote-down-color h s calc(l + 10)); - /* lighten($border-color, 8) */ --poll-form-label-background: hsl(from $base-color h calc(s - 16) calc(l + 36)); - /* darken($meta-color, 4%) */ --tag-dropdown-hover-background: hsl(from $foreground-color h s calc(l - 10)); } } diff --git a/assets/css/themes/dark-blue.css b/assets/css/themes/dark-blue.css index 7cb2db3f..f63e9b5a 100644 --- a/assets/css/themes/dark-blue.css +++ b/assets/css/themes/dark-blue.css @@ -63,7 +63,17 @@ $image-overlay-background-color: #000000; @mixin dark-theme-mutations; -/* put mutation overrides here */ +/* Put any color variable overrides here. + * + * Note: due to (probably unintentional) behavior of Vite, + * this needs to contain something unique that the other + * themes do not have, as Vite does not compile what it considers + * "inputs with identical contents", and it does not seem to care + * about differences in $variables. So please change something about + * the value below, or make up a random variable if you're not changing + * any color variables here. + */ + :root { --keep: #111111; } diff --git a/assets/css/themes/dark-cyan.css b/assets/css/themes/dark-cyan.css index 084f4d28..3c2a70a2 100644 --- a/assets/css/themes/dark-cyan.css +++ b/assets/css/themes/dark-cyan.css @@ -62,7 +62,17 @@ $image-overlay-background-color: #000000; @mixin dark-theme-mutations; -/* put mutation overrides here */ +/* Put any color variable overrides here. + * + * Note: due to (probably unintentional) behavior of Vite, + * this needs to contain something unique that the other + * themes do not have, as Vite does not compile what it considers + * "inputs with identical contents", and it does not seem to care + * about differences in $variables. So please change something about + * the value below, or make up a random variable if you're not changing + * any color variables here. + */ + :root { --keep: #222222; } diff --git a/assets/css/themes/dark-green.css b/assets/css/themes/dark-green.css index 4de2d4b6..88889d56 100644 --- a/assets/css/themes/dark-green.css +++ b/assets/css/themes/dark-green.css @@ -62,7 +62,17 @@ $image-overlay-background-color: #000000; @mixin dark-theme-mutations; -/* put mutation overrides here */ +/* Put any color variable overrides here. + * + * Note: due to (probably unintentional) behavior of Vite, + * this needs to contain something unique that the other + * themes do not have, as Vite does not compile what it considers + * "inputs with identical contents", and it does not seem to care + * about differences in $variables. So please change something about + * the value below, or make up a random variable if you're not changing + * any color variables here. + */ + :root { --keep: #333333; } diff --git a/assets/css/themes/dark-orange.css b/assets/css/themes/dark-orange.css index cf1740fb..6f3755ad 100644 --- a/assets/css/themes/dark-orange.css +++ b/assets/css/themes/dark-orange.css @@ -62,7 +62,17 @@ $image-overlay-background-color: #000000; @mixin dark-theme-mutations; -/* put mutation overrides here */ +/* Put any color variable overrides here. + * + * Note: due to (probably unintentional) behavior of Vite, + * this needs to contain something unique that the other + * themes do not have, as Vite does not compile what it considers + * "inputs with identical contents", and it does not seem to care + * about differences in $variables. So please change something about + * the value below, or make up a random variable if you're not changing + * any color variables here. + */ + :root { --comment-color: #b099dd; } diff --git a/assets/css/themes/dark-pink.css b/assets/css/themes/dark-pink.css index 72d767d7..633075ed 100644 --- a/assets/css/themes/dark-pink.css +++ b/assets/css/themes/dark-pink.css @@ -62,7 +62,17 @@ $image-overlay-background-color: #000000; @mixin dark-theme-mutations; -/* put mutation overrides here */ +/* Put any color variable overrides here. + * + * Note: due to (probably unintentional) behavior of Vite, + * this needs to contain something unique that the other + * themes do not have, as Vite does not compile what it considers + * "inputs with identical contents", and it does not seem to care + * about differences in $variables. So please change something about + * the value below, or make up a random variable if you're not changing + * any color variables here. + */ + :root { --keep: #555555; } diff --git a/assets/css/themes/dark-purple.css b/assets/css/themes/dark-purple.css index 9c6be5b2..a3ea493f 100644 --- a/assets/css/themes/dark-purple.css +++ b/assets/css/themes/dark-purple.css @@ -63,7 +63,17 @@ $image-overlay-background-color: #000000; @mixin dark-theme-mutations; -/* put mutation overrides here */ +/* Put any color variable overrides here. + * + * Note: due to (probably unintentional) behavior of Vite, + * this needs to contain something unique that the other + * themes do not have, as Vite does not compile what it considers + * "inputs with identical contents", and it does not seem to care + * about differences in $variables. So please change something about + * the value below, or make up a random variable if you're not changing + * any color variables here. + */ + :root { --keep: #666666; } diff --git a/assets/css/themes/dark-red.css b/assets/css/themes/dark-red.css index 8fb7eb1c..f753da31 100644 --- a/assets/css/themes/dark-red.css +++ b/assets/css/themes/dark-red.css @@ -64,7 +64,17 @@ $image-overlay-background-color: #000000; @mixin dark-theme-mutations; -/* put mutation overrides here */ +/* Put any color variable overrides here. + * + * Note: due to (probably unintentional) behavior of Vite, + * this needs to contain something unique that the other + * themes do not have, as Vite does not compile what it considers + * "inputs with identical contents", and it does not seem to care + * about differences in $variables. So please change something about + * the value below, or make up a random variable if you're not changing + * any color variables here. + */ + :root { --keep: #777777; } diff --git a/assets/css/themes/dark-silver.css b/assets/css/themes/dark-silver.css index 6239215d..ca5c00db 100644 --- a/assets/css/themes/dark-silver.css +++ b/assets/css/themes/dark-silver.css @@ -62,7 +62,17 @@ $image-overlay-background-color: #000000; @mixin dark-theme-mutations; -/* put mutation overrides here */ +/* Put any color variable overrides here. + * + * Note: due to (probably unintentional) behavior of Vite, + * this needs to contain something unique that the other + * themes do not have, as Vite does not compile what it considers + * "inputs with identical contents", and it does not seem to care + * about differences in $variables. So please change something about + * the value below, or make up a random variable if you're not changing + * any color variables here. + */ + :root { --keep: #888888; } diff --git a/assets/css/themes/dark-yellow.css b/assets/css/themes/dark-yellow.css index 8fa2e3ae..ab1fedd2 100644 --- a/assets/css/themes/dark-yellow.css +++ b/assets/css/themes/dark-yellow.css @@ -62,7 +62,17 @@ $image-overlay-background-color: #000000; @mixin dark-theme-mutations; -/* put mutation overrides here */ +/* Put any color variable overrides here. + * + * Note: due to (probably unintentional) behavior of Vite, + * this needs to contain something unique that the other + * themes do not have, as Vite does not compile what it considers + * "inputs with identical contents", and it does not seem to care + * about differences in $variables. So please change something about + * the value below, or make up a random variable if you're not changing + * any color variables here. + */ + :root { --keep: #999999; } diff --git a/assets/css/themes/light-blue.css b/assets/css/themes/light-blue.css index 028fb700..78977bd9 100644 --- a/assets/css/themes/light-blue.css +++ b/assets/css/themes/light-blue.css @@ -46,7 +46,17 @@ $image-overlay-background-color: #000000; @mixin light-theme-mutations; -/* put mutation overrides here */ +/* Put any color variable overrides here. + * + * Note: due to (probably unintentional) behavior of Vite, + * this needs to contain something unique that the other + * themes do not have, as Vite does not compile what it considers + * "inputs with identical contents", and it does not seem to care + * about differences in $variables. So please change something about + * the value below, or make up a random variable if you're not changing + * any color variables here. + */ + :root { --keep: #000000; } diff --git a/assets/css/themes/light-cyan.css b/assets/css/themes/light-cyan.css index de783bf1..265412da 100644 --- a/assets/css/themes/light-cyan.css +++ b/assets/css/themes/light-cyan.css @@ -43,7 +43,17 @@ $image-overlay-background-color: #000000; @mixin light-theme-mutations; -/* put mutation overrides here */ +/* Put any color variable overrides here. + * + * Note: due to (probably unintentional) behavior of Vite, + * this needs to contain something unique that the other + * themes do not have, as Vite does not compile what it considers + * "inputs with identical contents", and it does not seem to care + * about differences in $variables. So please change something about + * the value below, or make up a random variable if you're not changing + * any color variables here. + */ + :root { --keep: #aaaaaa; } diff --git a/assets/css/themes/light-green.css b/assets/css/themes/light-green.css index 137841da..54122eca 100644 --- a/assets/css/themes/light-green.css +++ b/assets/css/themes/light-green.css @@ -44,7 +44,17 @@ $image-overlay-background-color: #000000; @mixin light-theme-mutations; -/* put mutation overrides here */ +/* Put any color variable overrides here. + * + * Note: due to (probably unintentional) behavior of Vite, + * this needs to contain something unique that the other + * themes do not have, as Vite does not compile what it considers + * "inputs with identical contents", and it does not seem to care + * about differences in $variables. So please change something about + * the value below, or make up a random variable if you're not changing + * any color variables here. + */ + :root { --comment-color: #9273d0; } diff --git a/assets/css/themes/light-orange.css b/assets/css/themes/light-orange.css index 0ca2d3d4..e50b150c 100644 --- a/assets/css/themes/light-orange.css +++ b/assets/css/themes/light-orange.css @@ -43,7 +43,17 @@ $image-overlay-background-color: #000000; @mixin light-theme-mutations; -/* put mutation overrides here */ +/* Put any color variable overrides here. + * + * Note: due to (probably unintentional) behavior of Vite, + * this needs to contain something unique that the other + * themes do not have, as Vite does not compile what it considers + * "inputs with identical contents", and it does not seem to care + * about differences in $variables. So please change something about + * the value below, or make up a random variable if you're not changing + * any color variables here. + */ + :root { --comment-color: #9273d0; } diff --git a/assets/css/themes/light-pink.css b/assets/css/themes/light-pink.css index 7064819f..0a4ceee8 100644 --- a/assets/css/themes/light-pink.css +++ b/assets/css/themes/light-pink.css @@ -43,7 +43,17 @@ $image-overlay-background-color: #000000; @mixin light-theme-mutations; -/* put mutation overrides here */ +/* Put any color variable overrides here. + * + * Note: due to (probably unintentional) behavior of Vite, + * this needs to contain something unique that the other + * themes do not have, as Vite does not compile what it considers + * "inputs with identical contents", and it does not seem to care + * about differences in $variables. So please change something about + * the value below, or make up a random variable if you're not changing + * any color variables here. + */ + :root { --keep: #dddddd; } diff --git a/assets/css/themes/light-purple.css b/assets/css/themes/light-purple.css index 135ecfaf..168f4c04 100644 --- a/assets/css/themes/light-purple.css +++ b/assets/css/themes/light-purple.css @@ -43,7 +43,17 @@ $image-overlay-background-color: #000000; @mixin light-theme-mutations; -/* put mutation overrides here */ +/* Put any color variable overrides here. + * + * Note: due to (probably unintentional) behavior of Vite, + * this needs to contain something unique that the other + * themes do not have, as Vite does not compile what it considers + * "inputs with identical contents", and it does not seem to care + * about differences in $variables. So please change something about + * the value below, or make up a random variable if you're not changing + * any color variables here. + */ + :root { --keep: #eeeeee; } diff --git a/assets/css/themes/light-red.css b/assets/css/themes/light-red.css index 26538f9f..d3d025d0 100644 --- a/assets/css/themes/light-red.css +++ b/assets/css/themes/light-red.css @@ -43,7 +43,17 @@ $image-overlay-background-color: #000000; @mixin light-theme-mutations; -/* put mutation overrides here */ +/* Put any color variable overrides here. + * + * Note: due to (probably unintentional) behavior of Vite, + * this needs to contain something unique that the other + * themes do not have, as Vite does not compile what it considers + * "inputs with identical contents", and it does not seem to care + * about differences in $variables. So please change something about + * the value below, or make up a random variable if you're not changing + * any color variables here. + */ + :root { --header-admin-color: hsl(from $foreground-color h s calc(l + 60)); --header-admin-hover-color: hsl(from $foreground-color h s calc(l + 50)); diff --git a/assets/css/themes/light-silver.css b/assets/css/themes/light-silver.css index cbb1881e..6eb3c104 100644 --- a/assets/css/themes/light-silver.css +++ b/assets/css/themes/light-silver.css @@ -43,7 +43,17 @@ $image-overlay-background-color: #000000; @mixin light-theme-mutations; -/* put mutation overrides here */ +/* Put any color variable overrides here. + * + * Note: due to (probably unintentional) behavior of Vite, + * this needs to contain something unique that the other + * themes do not have, as Vite does not compile what it considers + * "inputs with identical contents", and it does not seem to care + * about differences in $variables. So please change something about + * the value below, or make up a random variable if you're not changing + * any color variables here. + */ + :root { --block-header-color: hsl(from $base-color h s calc(l + 15)); --block-header-hover-color: hsl(from $base-color h calc(s - 5) calc(l + 5)); diff --git a/assets/css/themes/light-yellow.css b/assets/css/themes/light-yellow.css index 5bdbc416..97f5a0dd 100644 --- a/assets/css/themes/light-yellow.css +++ b/assets/css/themes/light-yellow.css @@ -43,7 +43,17 @@ $image-overlay-background-color: #000000; @mixin light-theme-mutations; -/* put mutation overrides here */ +/* Put any color variable overrides here. + * + * Note: due to (probably unintentional) behavior of Vite, + * this needs to contain something unique that the other + * themes do not have, as Vite does not compile what it considers + * "inputs with identical contents", and it does not seem to care + * about differences in $variables. So please change something about + * the value below, or make up a random variable if you're not changing + * any color variables here. + */ + :root { --comment-color: #9273d0; }