diff --git a/dot_config/discocss/custom.css b/dot_config/discocss/custom.css index 900ba75..27d9f8c 100644 --- a/dot_config/discocss/custom.css +++ b/dot_config/discocss/custom.css @@ -1,435 +1,1172 @@ -/* 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; - } -} + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + Page not found · GitHub · GitHub + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+ Skip to content + + + + + + + + + + + + +
+ +
+ + + + + + + +
+ + + + + +
+ + + + + + + + + + + +
+
+ + +
+
+ +
+
+ 404 “This is not the web page you are looking for” + + + + + + + + + + + + +
+
+ +
+
+ +
+ + +
+
+ +
+ + +
+ +
+ + + + + + + + + + + + + + + + + + + + +