feat: add discocss
This commit is contained in:
parent
c36ff90bd6
commit
75f7c82513
GPG key ID:
3786770EDBC2B481
2 changed files with 441 additions and 0 deletions
|
|
@ -17,6 +17,12 @@
|
|||
url: "https://github.com/tmux-plugins/tpm"
|
||||
refreshPeriod: 168h
|
||||
|
||||
# discocss
|
||||
.local/bin/discocss:
|
||||
type: file
|
||||
url: "https://raw.githubusercontent.com/mlvzk/discocss/master/discocss"
|
||||
refreshPeriod: 168h
|
||||
|
||||
# colors
|
||||
.config/qutebrowser/catppuccin:
|
||||
type: git-repo
|
||||
|
|
|
|||
435
dot_config/discocss/custom.css
Normal file
435
dot_config/discocss/custom.css
Normal file
|
|
@ -0,0 +1,435 @@
|
|||
/* catppuccin latte */
|
||||
@media (prefers-color-scheme: light) {
|
||||
.theme-dark, .theme-light {
|
||||
--brand-experiment: #dc8a78;
|
||||
--brand-experiment-560: #dc8a78;
|
||||
--brand-experiment-200: #4c4f69;
|
||||
--brand-experiment-15a: #acb0be;
|
||||
--brand-experiment-600: #d77864;
|
||||
--header-primary: #6c6f85;
|
||||
--header-secondary: #5c5f77;
|
||||
--text-normal: #4c4f69;
|
||||
--text-muted: #6c6f85;
|
||||
--text-link: #dc8a78;
|
||||
--text-positive: #40a02b;
|
||||
--text-warning: #df8e1d;
|
||||
--text-danger: #d20f39;
|
||||
--text-brand: #1e66f5;
|
||||
--interactive-normal: #7c7f93;
|
||||
--interactive-hover: #7c7f93;
|
||||
--interactive-active: #4c4f69;
|
||||
--interactive-muted: #bcc0cc;
|
||||
--background-primary: #eff1f5;
|
||||
--background-secondary: #e6e9ef;
|
||||
--background-secondary-alt: #dce0e8;
|
||||
--background-tertiary: #dce0e8;
|
||||
--background-accent: #bcc0cc;
|
||||
--background-floating: #e6e9ef;
|
||||
--background-nested-floating: #2f3136;
|
||||
--background-mobile-primary: #36393f;
|
||||
--background-mobile-secondary: #2f3136;
|
||||
--chat-background: #36393f;
|
||||
--chat-border: #202225;
|
||||
--chat-input-container-background: #36393f;
|
||||
--background-modifier-hover: #bcc0cc;
|
||||
--background-modifier-active: #acb0be;
|
||||
--background-modifier-selected: #acb0be;
|
||||
--background-modifier-accent: rgba(79,84,92,0.48);
|
||||
--info-warning-background: rgba(223,142,29,0.1);
|
||||
--info-warning-foreground: #df8e1d;
|
||||
/*--info-warning-text: #fff;
|
||||
--info-danger-background: hsla(359,calc(var(--saturation-factor, 1)*82.6%),59.4%,0.1);
|
||||
--info-danger-foreground: hsl(359,calc(var(--saturation-factor, 1)*82.6%),59.4%);
|
||||
--info-danger-text: #fff;
|
||||
--info-help-background: hsla(197,calc(var(--saturation-factor, 1)*100%),47.8%,0.1);
|
||||
--info-help-foreground: hsl(197,calc(var(--saturation-factor, 1)*100%),47.8%);
|
||||
--info-help-text: #fff;
|
||||
--status-positive-background: hsl(139,calc(var(--saturation-factor, 1)*47.1%),33.3%);
|
||||
--status-positive-text: #fff;
|
||||
--status-warning-background: hsl(38,calc(var(--saturation-factor, 1)*95.7%),54.1%);
|
||||
--status-warning-text: #000;*/
|
||||
--status-danger-background: #d20f39;
|
||||
--status-danger-text: #4c4f69;
|
||||
--status-danger: #d20f39;
|
||||
--status-positive: #40a02b;
|
||||
--status-warning: #fe640b;
|
||||
--button-danger-background: #d20f39;
|
||||
--button-danger-background-hover: #ea113f;
|
||||
--button-danger-background-active: #ba0d33;
|
||||
--button-danger-background-disabled: #000;
|
||||
--button-positive-background: #40a02b;
|
||||
--button-positive-background-hover: #48b430;
|
||||
--button-positive-background-active: #388c26;
|
||||
--button-positive-background-disabled: #000;
|
||||
--button-secondary-background: #ccd0da;
|
||||
--button-secondary-background-hover: #bcc0cc;
|
||||
--button-secondary-background-active: #acb0be;
|
||||
--button-secondary-background-disabled: #f00;
|
||||
--button-outline-danger-text: #4c4f69;
|
||||
--button-outline-danger-border: #d20f39;
|
||||
--button-outline-danger-background: #d20f39;
|
||||
--button-outline-danger-background-hover: #ea113f;
|
||||
--button-outline-danger-text-hover: #eff1f5;
|
||||
--button-outline-danger-border-hover: #ea113f;
|
||||
--button-outline-danger-background-active: #ba0d33;
|
||||
--button-outline-danger-text-active: #eff1f5;
|
||||
--button-outline-danger-border-active: #ba0d33;
|
||||
--button-outline-positive-text: #fff;
|
||||
/*--button-outline-positive-border: hsl(139,calc(var(--saturation-factor, 1)*47.3%),43.9%);
|
||||
--button-outline-positive-background: hsla(0,0%,100%,0);
|
||||
--button-outline-positive-background-hover: hsl(139,calc(var(--saturation-factor, 1)*47.1%),33.3%);
|
||||
--button-outline-positive-text-hover: #fff;
|
||||
--button-outline-positive-border-hover: hsl(139,calc(var(--saturation-factor, 1)*47.1%),33.3%);
|
||||
--button-outline-positive-background-active: hsl(138,calc(var(--saturation-factor, 1)*46.8%),24.3%);
|
||||
--button-outline-positive-text-active: #fff;
|
||||
--button-outline-positive-border-active: hsl(138,calc(var(--saturation-factor, 1)*46.8%),24.3%);
|
||||
--button-outline-brand-text: #fff;
|
||||
--button-outline-brand-border: hsl(235,calc(var(--saturation-factor, 1)*85.6%),64.7%);
|
||||
--button-outline-brand-background: hsla(0,0%,100%,0);
|
||||
--button-outline-brand-background-hover: hsl(235,calc(var(--saturation-factor, 1)*85.6%),64.7%);
|
||||
--button-outline-brand-text-hover: #fff;
|
||||
--button-outline-brand-border-hover: hsl(235,calc(var(--saturation-factor, 1)*85.6%),64.7%);
|
||||
--button-outline-brand-background-active: hsl(235,calc(var(--saturation-factor, 1)*51.4%),52.4%);
|
||||
--button-outline-brand-text-active: #fff;
|
||||
--button-outline-brand-border-active: hsl(235,calc(var(--saturation-factor, 1)*51.4%),52.4%);*/
|
||||
--button-outline-primary-text: #fff;
|
||||
--button-outline-primary-border: #4f545c;
|
||||
--button-outline-primary-background: rgba(255,255,255,0);
|
||||
--button-outline-primary-background-hover: #4f545c;
|
||||
--button-outline-primary-text-hover: #fff;
|
||||
--button-outline-primary-border-hover: #4f545c;
|
||||
--button-outline-primary-background-active: #686d73;
|
||||
--button-outline-primary-text-active: #fff;
|
||||
--button-outline-primary-border-active: #686d73;
|
||||
--modal-background: #e6e9ef;
|
||||
--modal-footer-background: #dce0e8;
|
||||
--scrollbar-thin-thumb: #ccd0da;
|
||||
--scrollbar-thin-track: transparent;
|
||||
--scrollbar-auto-thumb: #ccd0da;
|
||||
--scrollbar-auto-track: transparent;
|
||||
--scrollbar-auto-scrollbar-color-thumb: #ccd0da;
|
||||
--scrollbar-auto-scrollbar-color-track: transparent;
|
||||
--input-background: #ccd0da;
|
||||
--input-placeholder-text: #8c8fa1;
|
||||
--elevation-stroke: 0 0 0 1px rgba(4,4,5,0.15);
|
||||
--elevation-low: 0 1px 0 rgba(4,4,5,0.2), 0 1.5px 0 rgba(6,6,7,0.05), 0 2px 0 rgba(4,4,5,0.05);
|
||||
--elevation-medium: 0 4px 4px rgba(0,0,0,0.16);
|
||||
--elevation-high: 0 8px 16px rgba(0,0,0,0.24);
|
||||
--logo-primary: #fff;
|
||||
--background-mentioned: rgba(223,142,29,0.1);
|
||||
--background-mentioned-hover: rgba(223,142,29,0.08);
|
||||
--background-message-hover: rgba(230,233,239,0.25);
|
||||
--channels-default: #8c8fa1;
|
||||
--channel-icon: #6c6f85;
|
||||
--channel-text-area-placeholder: #72767d;
|
||||
--guild-header-text-shadow: 0 1px 1px rgba(0,0,0,0.4);
|
||||
--channeltextarea-background: #ccd0da;
|
||||
--activity-card-background: #202225;
|
||||
--textbox-markdown-syntax: #8e9297;
|
||||
--spoiler-revealed-background: #292b2f;
|
||||
--spoiler-hidden-background: #202225;
|
||||
--android-navigation-bar-background: #121315;
|
||||
--deprecated-card-bg: #e6e9ef;
|
||||
--deprecated-card-editable-bg: rgba(32,34,37,0.3);
|
||||
--deprecated-store-bg: #36393f;
|
||||
--deprecated-quickswitcher-input-background: #72767d;
|
||||
--deprecated-quickswitcher-input-placeholder: rgba(255,255,255,0.3);
|
||||
--deprecated-text-input-bg: #202225;
|
||||
--deprecated-text-input-border: rgba(0,0,0,0.3);
|
||||
--deprecated-text-input-border-hover: #040405;
|
||||
--deprecated-text-input-border-disabled: #202225;
|
||||
--deprecated-text-input-prefix: #dcddde;
|
||||
}
|
||||
/* Reactions */
|
||||
.reaction-3vwAF2 {
|
||||
background-color: #ccd0da;
|
||||
}
|
||||
.reaction-3vwAF2:hover {
|
||||
background-color: #bcc0cc;
|
||||
}
|
||||
/* Buttons */
|
||||
.lookFilled-yCfaCM.colorBrand-I6CyqQ,
|
||||
.lookFilled-yCfaCM.colorRed-rQXKgM,
|
||||
.lookFilled-yCfaCM.colorGreen-3y-Z79,
|
||||
.selected-2Uns2B,
|
||||
.colorDefault-CDqZdO.focused-3qFvc8,
|
||||
.barButtonBase-Sk2mdB {
|
||||
color: #eff1f5;
|
||||
}
|
||||
.colorDanger-3n-KnP:active:not(.hideInteraction-2jPGL_) {
|
||||
background-color: #d20f39;
|
||||
color: #eff1f5;
|
||||
}
|
||||
.lookFilled-yCfaCM.colorPrimary-2AuQVo {
|
||||
background-color: #ccd0da;
|
||||
color: #4c4f69;
|
||||
}
|
||||
/* Checkbox */
|
||||
.checked-25WXMf {
|
||||
background-color: #40a02b !important;
|
||||
}
|
||||
/* Bot tag */
|
||||
.botTagRegular-kpctgU {
|
||||
color: #eff1f5;
|
||||
}
|
||||
/* Message hover buttons */
|
||||
.wrapper-2vIMkT {
|
||||
background-color: #ccd0da;
|
||||
}
|
||||
/* DMs page */
|
||||
.container-2cd8Mz {
|
||||
background-color: #eff1f5 !important;
|
||||
}
|
||||
/* Delete message pupup */
|
||||
.theme-dark .message-G6O-Wv {
|
||||
background-color: #dce0e8;
|
||||
}
|
||||
.autocomplete-3NRXG8 {
|
||||
background: #eff1f5 !important;
|
||||
}
|
||||
.categoryHeader-OpJ1Ly {
|
||||
background: #e6e9ef;
|
||||
}
|
||||
rect[fill^="hsl(139"] {
|
||||
fill: #40a02b;
|
||||
}
|
||||
rect[fill^="hsl(38"] {
|
||||
fill: #df8e1d;
|
||||
}
|
||||
rect[fill^="hsl(359"] {
|
||||
fill: #d20f39;
|
||||
}
|
||||
rect[fill^="hsl(214"] {
|
||||
fill: #6c6f85;
|
||||
}
|
||||
div[style^="background-color: hsl(139"] {
|
||||
background-color: #40a02b !important;
|
||||
}
|
||||
div[style^="background-color: hsl(38"] {
|
||||
background-color: #df8e1d !important;
|
||||
}
|
||||
div[style^="background-color: hsl(359"] {
|
||||
background-color: #d20f39 !important;
|
||||
}
|
||||
div[style^="background-color: hsl(214"] {
|
||||
background-color: #6c6f85 !important;
|
||||
}
|
||||
}
|
||||
|
||||
/* catppuccin mocha */
|
||||
@media (prefers-color-scheme: dark) {
|
||||
.theme-dark, .theme-light {
|
||||
--brand-experiment: #f5e0dc;
|
||||
--brand-experiment-560: #f5e0dc;
|
||||
--brand-experiment-200: #cdd6f4;
|
||||
--brand-experiment-15a: #585b70;
|
||||
--brand-experiment-600: #efcec8;
|
||||
--header-primary: #a6adc8;
|
||||
--header-secondary: #bac2de;
|
||||
--text-normal: #cdd6f4;
|
||||
--text-muted: #a6adc8;
|
||||
--text-link: #f5e0dc;
|
||||
--text-positive: #a6e3a1;
|
||||
--text-warning: #f9e2af;
|
||||
--text-danger: #f38ba8;
|
||||
--text-brand: #89b4fa;
|
||||
--interactive-normal: #9399b2;
|
||||
--interactive-hover: #9399b2;
|
||||
--interactive-active: #cdd6f4;
|
||||
--interactive-muted: #45475a;
|
||||
--background-primary: #1e1e2e;
|
||||
--background-secondary: #181825;
|
||||
--background-secondary-alt: #11111b;
|
||||
--background-tertiary: #11111b;
|
||||
--background-accent: #45475a;
|
||||
--background-floating: #181825;
|
||||
--background-nested-floating: #2f3136;
|
||||
--background-mobile-primary: #36393f;
|
||||
--background-mobile-secondary: #2f3136;
|
||||
--chat-background: #36393f;
|
||||
--chat-border: #202225;
|
||||
--chat-input-container-background: #36393f;
|
||||
--background-modifier-hover: #45475a;
|
||||
--background-modifier-active: #585b70;
|
||||
--background-modifier-selected: #585b70;
|
||||
--background-modifier-accent: rgba(79,84,92,0.48);
|
||||
--info-warning-background: rgba(249,226,175,0.1);
|
||||
--info-warning-foreground: #f9e2af;
|
||||
/*--info-warning-text: #fff;
|
||||
--info-danger-background: hsla(359,calc(var(--saturation-factor, 1)*82.6%),59.4%,0.1);
|
||||
--info-danger-foreground: hsl(359,calc(var(--saturation-factor, 1)*82.6%),59.4%);
|
||||
--info-danger-text: #fff;
|
||||
--info-help-background: hsla(197,calc(var(--saturation-factor, 1)*100%),47.8%,0.1);
|
||||
--info-help-foreground: hsl(197,calc(var(--saturation-factor, 1)*100%),47.8%);
|
||||
--info-help-text: #fff;
|
||||
--status-positive-background: hsl(139,calc(var(--saturation-factor, 1)*47.1%),33.3%);
|
||||
--status-positive-text: #fff;
|
||||
--status-warning-background: hsl(38,calc(var(--saturation-factor, 1)*95.7%),54.1%);
|
||||
--status-warning-text: #000;*/
|
||||
--status-danger-background: #f38ba8;
|
||||
--status-danger-text: #cdd6f4;
|
||||
--status-danger: #f38ba8;
|
||||
--status-positive: #a6e3a1;
|
||||
--status-warning: #fab387;
|
||||
--button-danger-background: #f38ba8;
|
||||
--button-danger-background-hover: #f5a2b9;
|
||||
--button-danger-background-active: #f17497;
|
||||
--button-danger-background-disabled: #532c37;
|
||||
--button-positive-background: #a6e3a1;
|
||||
--button-positive-background-hover: #b9e9b5;
|
||||
--button-positive-background-active: #93dd8d;
|
||||
--button-positive-background-disabled: #404540;
|
||||
--button-secondary-background: #313244;
|
||||
--button-secondary-background-hover: #45475a;
|
||||
--button-secondary-background-active: #585b70;
|
||||
--button-secondary-background-disabled: #f00;
|
||||
--button-outline-danger-text: #cdd6f4;
|
||||
--button-outline-danger-border: #f38ba8;
|
||||
--button-outline-danger-background: #f38ba8;
|
||||
--button-outline-danger-background-hover: #f5a2b9;
|
||||
--button-outline-danger-text-hover: #1e1e2e;
|
||||
--button-outline-danger-border-hover: #f5a2b9;
|
||||
--button-outline-danger-background-active: #f17497;
|
||||
--button-outline-danger-text-active: #1e1e2e;
|
||||
--button-outline-danger-border-active: #f17497;
|
||||
--button-outline-positive-text: #fff;
|
||||
/*--button-outline-positive-border: hsl(139,calc(var(--saturation-factor, 1)*47.3%),43.9%);
|
||||
--button-outline-positive-background: hsla(0,0%,100%,0);
|
||||
--button-outline-positive-background-hover: hsl(139,calc(var(--saturation-factor, 1)*47.1%),33.3%);
|
||||
--button-outline-positive-text-hover: #fff;
|
||||
--button-outline-positive-border-hover: hsl(139,calc(var(--saturation-factor, 1)*47.1%),33.3%);
|
||||
--button-outline-positive-background-active: hsl(138,calc(var(--saturation-factor, 1)*46.8%),24.3%);
|
||||
--button-outline-positive-text-active: #fff;
|
||||
--button-outline-positive-border-active: hsl(138,calc(var(--saturation-factor, 1)*46.8%),24.3%);
|
||||
--button-outline-brand-text: #fff;
|
||||
--button-outline-brand-border: hsl(235,calc(var(--saturation-factor, 1)*85.6%),64.7%);
|
||||
--button-outline-brand-background: hsla(0,0%,100%,0);
|
||||
--button-outline-brand-background-hover: hsl(235,calc(var(--saturation-factor, 1)*85.6%),64.7%);
|
||||
--button-outline-brand-text-hover: #fff;
|
||||
--button-outline-brand-border-hover: hsl(235,calc(var(--saturation-factor, 1)*85.6%),64.7%);
|
||||
--button-outline-brand-background-active: hsl(235,calc(var(--saturation-factor, 1)*51.4%),52.4%);
|
||||
--button-outline-brand-text-active: #fff;
|
||||
--button-outline-brand-border-active: hsl(235,calc(var(--saturation-factor, 1)*51.4%),52.4%);*/
|
||||
--button-outline-primary-text: #fff;
|
||||
--button-outline-primary-border: #4f545c;
|
||||
--button-outline-primary-background: rgba(255,255,255,0);
|
||||
--button-outline-primary-background-hover: #4f545c;
|
||||
--button-outline-primary-text-hover: #fff;
|
||||
--button-outline-primary-border-hover: #4f545c;
|
||||
--button-outline-primary-background-active: #686d73;
|
||||
--button-outline-primary-text-active: #fff;
|
||||
--button-outline-primary-border-active: #686d73;
|
||||
--modal-background: #181825;
|
||||
--modal-footer-background: #11111b;
|
||||
--scrollbar-thin-thumb: #313244;
|
||||
--scrollbar-thin-track: transparent;
|
||||
--scrollbar-auto-thumb: #313244;
|
||||
--scrollbar-auto-track: transparent;
|
||||
--scrollbar-auto-scrollbar-color-thumb: #313244;
|
||||
--scrollbar-auto-scrollbar-color-track: transparent;
|
||||
--input-background: #313244;
|
||||
--input-placeholder-text: #7f849c;
|
||||
--elevation-stroke: 0 0 0 1px rgba(4,4,5,0.15);
|
||||
--elevation-low: 0 1px 0 rgba(4,4,5,0.2), 0 1.5px 0 rgba(6,6,7,0.05), 0 2px 0 rgba(4,4,5,0.05);
|
||||
--elevation-medium: 0 4px 4px rgba(0,0,0,0.16);
|
||||
--elevation-high: 0 8px 16px rgba(0,0,0,0.24);
|
||||
--logo-primary: #fff;
|
||||
--background-mentioned: rgba(249,226,175,0.1);
|
||||
--background-mentioned-hover: rgba(249,226,175,0.08);
|
||||
--background-message-hover: rgba(24,24,37,0.25);
|
||||
--channels-default: #7f849c;
|
||||
--channel-icon: #a6adc8;
|
||||
--channel-text-area-placeholder: #72767d;
|
||||
--guild-header-text-shadow: 0 1px 1px rgba(0,0,0,0.4);
|
||||
--channeltextarea-background: #313244;
|
||||
--activity-card-background: #202225;
|
||||
--textbox-markdown-syntax: #8e9297;
|
||||
--spoiler-revealed-background: #292b2f;
|
||||
--spoiler-hidden-background: #202225;
|
||||
--android-navigation-bar-background: #121315;
|
||||
--deprecated-card-bg: #181825;
|
||||
--deprecated-card-editable-bg: rgba(32,34,37,0.3);
|
||||
--deprecated-store-bg: #36393f;
|
||||
--deprecated-quickswitcher-input-background: #72767d;
|
||||
--deprecated-quickswitcher-input-placeholder: rgba(255,255,255,0.3);
|
||||
--deprecated-text-input-bg: #202225;
|
||||
--deprecated-text-input-border: rgba(0,0,0,0.3);
|
||||
--deprecated-text-input-border-hover: #040405;
|
||||
--deprecated-text-input-border-disabled: #202225;
|
||||
--deprecated-text-input-prefix: #dcddde;
|
||||
}
|
||||
/* Reactions */
|
||||
.reaction-3vwAF2 {
|
||||
background-color: #313244;
|
||||
}
|
||||
.reaction-3vwAF2:hover {
|
||||
background-color: #45475a;
|
||||
}
|
||||
/* Buttons */
|
||||
.lookFilled-yCfaCM.colorBrand-I6CyqQ,
|
||||
.lookFilled-yCfaCM.colorRed-rQXKgM,
|
||||
.lookFilled-yCfaCM.colorGreen-3y-Z79,
|
||||
.selected-2Uns2B,
|
||||
.colorDefault-CDqZdO.focused-3qFvc8,
|
||||
.barButtonBase-Sk2mdB {
|
||||
color: #1e1e2e;
|
||||
}
|
||||
.colorDanger-3n-KnP:active:not(.hideInteraction-2jPGL_) {
|
||||
background-color: #f38ba8;
|
||||
color: #1e1e2e;
|
||||
}
|
||||
.lookFilled-yCfaCM.colorPrimary-2AuQVo {
|
||||
background-color: #313244;
|
||||
color: #cdd6f4;
|
||||
}
|
||||
/* Checkbox */
|
||||
.checked-25WXMf {
|
||||
background-color: #a6e3a1 !important;
|
||||
}
|
||||
/* Bot tag */
|
||||
.botTagRegular-kpctgU {
|
||||
color: #1e1e2e;
|
||||
}
|
||||
/* Message hover buttons */
|
||||
.wrapper-2vIMkT {
|
||||
background-color: #313244;
|
||||
}
|
||||
/* DMs page */
|
||||
.container-2cd8Mz {
|
||||
background-color: #1e1e2e !important;
|
||||
}
|
||||
/* Delete message pupup */
|
||||
.theme-dark .message-G6O-Wv {
|
||||
background-color: #11111b;
|
||||
}
|
||||
.autocomplete-3NRXG8 {
|
||||
background: #1e1e2e !important;
|
||||
}
|
||||
.categoryHeader-OpJ1Ly {
|
||||
background: #181825;
|
||||
}
|
||||
rect[fill^="hsl(139"] {
|
||||
fill: #a6e3a1;
|
||||
}
|
||||
rect[fill^="hsl(38"] {
|
||||
fill: #f9e2af;
|
||||
}
|
||||
rect[fill^="hsl(359"] {
|
||||
fill: #f38ba8;
|
||||
}
|
||||
rect[fill^="hsl(214"] {
|
||||
fill: #a6adc8;
|
||||
}
|
||||
div[style^="background-color: hsl(139"] {
|
||||
background-color: #a6e3a1 !important;
|
||||
}
|
||||
div[style^="background-color: hsl(38"] {
|
||||
background-color: #f9e2af !important;
|
||||
}
|
||||
div[style^="background-color: hsl(359"] {
|
||||
background-color: #f38ba8 !important;
|
||||
}
|
||||
div[style^="background-color: hsl(214"] {
|
||||
background-color: #a6adc8 !important;
|
||||
}
|
||||
}
|
||||
Loading…
Reference in a new issue