mirror of
https://github.com/philomena-dev/philomena.git
synced 2025-01-19 22:27:59 +01:00
remove leftover comments
This commit is contained in:
Luna D.
parent
6b69971a5c
commit
0142cd6efe
20 changed files with 199 additions and 214 deletions
|
|
@ -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));
|
||||
}
|
||||
}
|
||||
|
|
|
|||
|
|
@ -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));
|
||||
}
|
||||
}
|
||||
|
|
|
|||
|
|
@ -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;
|
||||
}
|
||||
|
|
|
|||
|
|
@ -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;
|
||||
}
|
||||
|
|
|
|||
|
|
@ -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;
|
||||
}
|
||||
|
|
|
|||
|
|
@ -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;
|
||||
}
|
||||
|
|
|
|||
|
|
@ -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;
|
||||
}
|
||||
|
|
|
|||
|
|
@ -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;
|
||||
}
|
||||
|
|
|
|||
|
|
@ -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;
|
||||
}
|
||||
|
|
|
|||
|
|
@ -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;
|
||||
}
|
||||
|
|
|
|||
|
|
@ -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;
|
||||
}
|
||||
|
|
|
|||
|
|
@ -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;
|
||||
}
|
||||
|
|
|
|||
|
|
@ -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;
|
||||
}
|
||||
|
|
|
|||
|
|
@ -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;
|
||||
}
|
||||
|
|
|
|||
|
|
@ -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;
|
||||
}
|
||||
|
|
|
|||
|
|
@ -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;
|
||||
}
|
||||
|
|
|
|||
|
|
@ -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;
|
||||
}
|
||||
|
|
|
|||
|
|
@ -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));
|
||||
|
|
|
|||
|
|
@ -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));
|
||||
|
|
|
|||
|
|
@ -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;
|
||||
}
|
||||
|
|
|
|||
Loading…
Reference in a new issue