Last active 1774340228

CSS themes for Fluxer

Revision c2439b72ba1a4cb3c09864c4a9d12ead6d76c0b8

breeze-dark.scss Raw
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: #3DAEE9; }
73
74
breeze-light.scss Raw
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