breeze-dark.scss
· 2.9 KiB · SCSS
Orginalformat
* { border-radius: 5px !important; }
:root { --background-secondary: #141618; }
:root { --background-primary: #202326; }
:root { --background-secondary-alt: #292C30; }
:root { --background-tertiary: #141618; }
:root { --background-textarea: #141618; }
:root { --background-header-secondary: #202326; }
:root { --background-header-primary-hover: #292C30; }
:root { --background-modifier-hover: #292C30; }
:root { --guild-list-foreground: #141618; }
:root { --background-modifier-accent: #A1A9B1; }
:root { }
:root { --brand-primary: #1E5774; }
:root { --brand-secondary: #3DAEE9; }
:root { --brand-primary-light: #3DAEE9; }
:root { --brand-primary-fill: #FCFCFC; }
:root { --status-online: #6EC137; }
:root { --status-idle: #FDBC4B; }
:root { --status-danger: #DA4453; }
:root { --status-dnd: #B03745; }
:root { --status-offline: #A1A9B1; }
:root { }
:root { --text-secondary: #A1A9B1; }
:root { --text-tertiary: #A1A9B1; }
:root { --text-primary-muted: #A1A9B1; }
:root { --text-chat-muted: #A1A9B1; }
:root { --text-chat: #FCFCFC; }
:root { --text-link: #1D99F3; }
:root { --text-tertiary-muted: #A1A9B1; }
:root { --text-tertiary-secondary: #A1A9B1; }
:root { --border-color: #A1A9B1; }
:root { --border-color-hover: #1E5774; }
:root { --border-color-focus: #3DAEE9; }
:root { --accent-success: #27AE60; }
:root { --accent-warning: #F67400; }
:root { --accent-danger: #DA4453; }
:root { --alert-note-color: #3DAEE9; }
:root { --accent-purple: #9B59B6; }
:root { --alert-tip-color: #6EC137; }
:root { --alert-important-color: #AC8DD9; }
:root { --alert-warning-color: #DF6D44; }
:root { --alert-caution-color: #DD575C; }
:root { --markup-mention-text: #FCFCFC; }
:root { --markup-mention-fill: #1E5774; }
:root { --markup-interactive-hover-fill: #3DAEE9; }
:root { --markup-interactive-hover-text: #FCFCFC; }
:root { --button-primary-fill: #292C30; }
:root { --button-primary-active-fill: #3DAEE9; }
:root { --button-primary-text: #FCFCFC; }
:root { --button-inverted-text: #141618; }
:root { --button-secondary-fill: #1D1F22; }
:root { --button-secondary-active-fill: #1E5774; }
:root { --button-secondary-text: #FCFCFC; }
:root { --button-danger-fill: #292C30; }
:root { --button-danger-active-fill: #DA4453; }
:root { --button-danger-outline-border: #DA4453; }
:root { --button-danger-outline-active-fill: #DA4453; }
:root { --button-danger-text: #FCFCFC; }
:root { --button-danger-outline-text: #FCFCFC; }
:root { --button-danger-outline-active-border: #A1A9B1; }
:root { --button-outline-border: #A1A9B1; }
:root { --button-outline-text: #FCFCFC; }
:root { --button-outline-active-fill: #FCFCFC; }
:root { --button-outline-active-border: #3DAEE9; }
:root { --bg-code-block: #121417; }
:root { --bg-blockquote: #292C30; }
:root { --bg-table-row-odd: #141618; }
:root { --bg-table-row-even: #292C30; }
:root { --background-modifier-selected: #1E5774; }
:root { --text-primary: #FCFCFC; }
:root { --background-modifier-accent-focus: #A1A9B1; }
| 1 | * { border-radius: 5px !important; } |
| 2 | |
| 3 | :root { --background-secondary: #141618; } |
| 4 | :root { --background-primary: #202326; } |
| 5 | :root { --background-secondary-alt: #292C30; } |
| 6 | :root { --background-tertiary: #141618; } |
| 7 | :root { --background-textarea: #141618; } |
| 8 | :root { --background-header-secondary: #202326; } |
| 9 | :root { --background-header-primary-hover: #292C30; } |
| 10 | :root { --background-modifier-hover: #292C30; } |
| 11 | :root { --guild-list-foreground: #141618; } |
| 12 | :root { --background-modifier-accent: #A1A9B1; } |
| 13 | :root { } |
| 14 | :root { --brand-primary: #1E5774; } |
| 15 | :root { --brand-secondary: #3DAEE9; } |
| 16 | :root { --brand-primary-light: #3DAEE9; } |
| 17 | :root { --brand-primary-fill: #FCFCFC; } |
| 18 | :root { --status-online: #6EC137; } |
| 19 | :root { --status-idle: #FDBC4B; } |
| 20 | :root { --status-danger: #DA4453; } |
| 21 | :root { --status-dnd: #B03745; } |
| 22 | :root { --status-offline: #A1A9B1; } |
| 23 | :root { } |
| 24 | :root { --text-secondary: #A1A9B1; } |
| 25 | :root { --text-tertiary: #A1A9B1; } |
| 26 | :root { --text-primary-muted: #A1A9B1; } |
| 27 | :root { --text-chat-muted: #A1A9B1; } |
| 28 | :root { --text-chat: #FCFCFC; } |
| 29 | :root { --text-link: #1D99F3; } |
| 30 | :root { --text-tertiary-muted: #A1A9B1; } |
| 31 | :root { --text-tertiary-secondary: #A1A9B1; } |
| 32 | :root { --border-color: #A1A9B1; } |
| 33 | :root { --border-color-hover: #1E5774; } |
| 34 | :root { --border-color-focus: #3DAEE9; } |
| 35 | :root { --accent-success: #27AE60; } |
| 36 | :root { --accent-warning: #F67400; } |
| 37 | :root { --accent-danger: #DA4453; } |
| 38 | :root { --alert-note-color: #3DAEE9; } |
| 39 | :root { --accent-purple: #9B59B6; } |
| 40 | :root { --alert-tip-color: #6EC137; } |
| 41 | :root { --alert-important-color: #AC8DD9; } |
| 42 | :root { --alert-warning-color: #DF6D44; } |
| 43 | :root { --alert-caution-color: #DD575C; } |
| 44 | :root { --markup-mention-text: #FCFCFC; } |
| 45 | :root { --markup-mention-fill: #1E5774; } |
| 46 | :root { --markup-interactive-hover-fill: #3DAEE9; } |
| 47 | :root { --markup-interactive-hover-text: #FCFCFC; } |
| 48 | :root { --button-primary-fill: #292C30; } |
| 49 | :root { --button-primary-active-fill: #3DAEE9; } |
| 50 | :root { --button-primary-text: #FCFCFC; } |
| 51 | :root { --button-inverted-text: #141618; } |
| 52 | :root { --button-secondary-fill: #1D1F22; } |
| 53 | :root { --button-secondary-active-fill: #1E5774; } |
| 54 | :root { --button-secondary-text: #FCFCFC; } |
| 55 | :root { --button-danger-fill: #292C30; } |
| 56 | :root { --button-danger-active-fill: #DA4453; } |
| 57 | :root { --button-danger-outline-border: #DA4453; } |
| 58 | :root { --button-danger-outline-active-fill: #DA4453; } |
| 59 | :root { --button-danger-text: #FCFCFC; } |
| 60 | :root { --button-danger-outline-text: #FCFCFC; } |
| 61 | :root { --button-danger-outline-active-border: #A1A9B1; } |
| 62 | :root { --button-outline-border: #A1A9B1; } |
| 63 | :root { --button-outline-text: #FCFCFC; } |
| 64 | :root { --button-outline-active-fill: #FCFCFC; } |
| 65 | :root { --button-outline-active-border: #3DAEE9; } |
| 66 | :root { --bg-code-block: #121417; } |
| 67 | :root { --bg-blockquote: #292C30; } |
| 68 | :root { --bg-table-row-odd: #141618; } |
| 69 | :root { --bg-table-row-even: #292C30; } |
| 70 | :root { --background-modifier-selected: #1E5774; } |
| 71 | :root { --text-primary: #FCFCFC; } |
| 72 | :root { --background-modifier-accent-focus: #A1A9B1; } |
| 73 |
breeze-light.scss
· 2.7 KiB · SCSS
Orginalformat
* { border-radius: 5px !important; }
:root { --background-primary: #EFF0F1; }
:root { --background-secondary: #FFFFFF; }
:root { --background-secondary-alt: #F7F7F7; }
:root { --background-tertiary: #E3E5E7; }
:root { --background-textarea: #FFFFFF; }
:root { --background-header-primary: #DEE0E2; }
:root { --background-header-secondary: #EFF0F1; }
:root { --background-header-primary-hover: #E3E5E7; }
:root { --background-modifier-hover: #E3E5E7; }
:root { --background-modifier-accent: #707D8A; }
:root { --brand-primary: #3DAEE9; }
:root { --brand-secondary: #A3D4FA; }
:root { --brand-primary-light: #A3D4FA; }
:root { }
:root { --text-on-brand-primary: #232629; }
:root { --background-modifier-selected: #3DAEE9; }
:root { --text-primary-muted: #707D8A; }
:root { --text-chat-muted: #707D8A; }
:root { --text-tertiary-muted: #707D8A; }
:root { --border-color-focus: #3DAEE9; }
:root { --status-online: #27AE60; }
:root { --status-idle: #C65C00; }
:root { --status-dnd: #B03745; }
:root { --status-offline: #707D8A; }
:root { --status-danger: #DA4453; }
:root { --text-secondary: #707D8A; }
:root { --button-inverted-fill: #2A2E32; }
:root { --button-ghost-text: #232629; }
:root { --guild_list-foreground: #232629; }
:root { --text-primary: #232629; }
:root { --text-chat: #232629; }
:root { --button-secondary-fill: #A3D4FA; }
:root { --button-secondary-active-fill: #3DAEE9; }
:root { --button-secondary-text: #232629; }
:root { --button-secondary-active-text: #232629; }
:root { --button-inverted-text: #FCFCFC; }
:root { --button-outline-text: #232629; }
:root { --button-primary-text: #232629; }
:root { --button-danger-text: #232629; }
:root { --text-link: #2980B9; }
:root { --brand-primary-fill: #232629; }
:root { --accent-warning: #F67400; }
:root { --accent-danger: #DA4453; }
:root { --alert-note-color: #3DAEE9; }
:root { --alert-tip-color: #27AE60; }
:root { --accent-purple: #9B59B6; }
:root { --alert-warning-color: #F67400; }
:root { --alert-caution-color: #DA4453; }
:root { --alert-important-color: #9B59B6; }
:root { --markup-mention-text: #232629; }
:root { --markup-mention-fill: #A3D4FA; }
:root { --markup-interactive-hover-fill: #3DAEE9; }
:root { --markup-interactive-hover-text: #232629; }
:root { --button-primary-fill: #FCFCFC; }
:root { --button-primary-active-fill: #3DAEE9; }
:root { --button-danger-fill: #FCFCFC; }
:root { --button-danger-outline-border: #DA4453; }
:root { --button-danger-active-fill: #DA4453; }
:root { --button-danger-outline-text: #232629; }
:root { --button-danger-outline-active-fill: #DA4453; }
:root { --button-outline-border: #2A2E32; }
:root { --button-outline-active-fill: #3DAEE9; }
:root { --button-outline-active-border: #3DAEE9; }
:root { --background-modifier-accent-focus: #3DAEE9; }
| 1 | * { border-radius: 5px !important; } |
| 2 | |
| 3 | :root { --background-primary: #EFF0F1; } |
| 4 | :root { --background-secondary: #FFFFFF; } |
| 5 | :root { --background-secondary-alt: #F7F7F7; } |
| 6 | :root { --background-tertiary: #E3E5E7; } |
| 7 | :root { --background-textarea: #FFFFFF; } |
| 8 | :root { --background-header-primary: #DEE0E2; } |
| 9 | :root { --background-header-secondary: #EFF0F1; } |
| 10 | :root { --background-header-primary-hover: #E3E5E7; } |
| 11 | :root { --background-modifier-hover: #E3E5E7; } |
| 12 | :root { --background-modifier-accent: #707D8A; } |
| 13 | :root { --brand-primary: #3DAEE9; } |
| 14 | :root { --brand-secondary: #A3D4FA; } |
| 15 | :root { --brand-primary-light: #A3D4FA; } |
| 16 | :root { } |
| 17 | :root { --text-on-brand-primary: #232629; } |
| 18 | :root { --background-modifier-selected: #3DAEE9; } |
| 19 | :root { --text-primary-muted: #707D8A; } |
| 20 | :root { --text-chat-muted: #707D8A; } |
| 21 | :root { --text-tertiary-muted: #707D8A; } |
| 22 | :root { --border-color-focus: #3DAEE9; } |
| 23 | :root { --status-online: #27AE60; } |
| 24 | :root { --status-idle: #C65C00; } |
| 25 | :root { --status-dnd: #B03745; } |
| 26 | :root { --status-offline: #707D8A; } |
| 27 | :root { --status-danger: #DA4453; } |
| 28 | :root { --text-secondary: #707D8A; } |
| 29 | :root { --button-inverted-fill: #2A2E32; } |
| 30 | :root { --button-ghost-text: #232629; } |
| 31 | :root { --guild_list-foreground: #232629; } |
| 32 | :root { --text-primary: #232629; } |
| 33 | :root { --text-chat: #232629; } |
| 34 | :root { --button-secondary-fill: #A3D4FA; } |
| 35 | :root { --button-secondary-active-fill: #3DAEE9; } |
| 36 | :root { --button-secondary-text: #232629; } |
| 37 | :root { --button-secondary-active-text: #232629; } |
| 38 | :root { --button-inverted-text: #FCFCFC; } |
| 39 | :root { --button-outline-text: #232629; } |
| 40 | :root { --button-primary-text: #232629; } |
| 41 | :root { --button-danger-text: #232629; } |
| 42 | :root { --text-link: #2980B9; } |
| 43 | :root { --brand-primary-fill: #232629; } |
| 44 | :root { --accent-warning: #F67400; } |
| 45 | :root { --accent-danger: #DA4453; } |
| 46 | :root { --alert-note-color: #3DAEE9; } |
| 47 | :root { --alert-tip-color: #27AE60; } |
| 48 | :root { --accent-purple: #9B59B6; } |
| 49 | :root { --alert-warning-color: #F67400; } |
| 50 | :root { --alert-caution-color: #DA4453; } |
| 51 | :root { --alert-important-color: #9B59B6; } |
| 52 | :root { --markup-mention-text: #232629; } |
| 53 | :root { --markup-mention-fill: #A3D4FA; } |
| 54 | :root { --markup-interactive-hover-fill: #3DAEE9; } |
| 55 | :root { --markup-interactive-hover-text: #232629; } |
| 56 | :root { --button-primary-fill: #FCFCFC; } |
| 57 | :root { --button-primary-active-fill: #3DAEE9; } |
| 58 | :root { --button-danger-fill: #FCFCFC; } |
| 59 | :root { --button-danger-outline-border: #DA4453; } |
| 60 | :root { --button-danger-active-fill: #DA4453; } |
| 61 | :root { --button-danger-outline-text: #232629; } |
| 62 | :root { --button-danger-outline-active-fill: #DA4453; } |
| 63 | :root { --button-outline-border: #2A2E32; } |
| 64 | :root { --button-outline-active-fill: #3DAEE9; } |
| 65 | :root { --button-outline-active-border: #3DAEE9; } |
| 66 | :root { --background-modifier-accent-focus: #3DAEE9; } |
| 67 |