ptr.pet
1.theme-dark,
2.theme-light {
3 --brand-experiment: #f5e0dc;
4 --brand-experiment-560: #f5e0dc;
5 --brand-experiment-200: #cdd6f4;
6 --brand-experiment-15a: #585b70;
7 --brand-experiment-600: #efcec8;
8 --header-primary: #a6adc8;
9 --header-secondary: #bac2de;
10 --text-normal: #cdd6f4;
11 --text-muted: #a6adc8;
12 --text-link: #f5e0dc;
13 --text-positive: #a6e3a1;
14 --text-warning: #f9e2af;
15 --text-danger: #f38ba8;
16 --text-brand: #89b4fa;
17 --interactive-normal: #9399b2;
18 --interactive-hover: #9399b2;
19 --interactive-active: #cdd6f4;
20 --interactive-muted: #45475a;
21 --background-primary: #1e1e2e;
22 --background-secondary: #181825;
23 --background-secondary-alt: #11111b;
24 --background-tertiary: #11111b;
25 --background-accent: #45475a;
26 --background-floating: #181825;
27 --background-nested-floating: #2f3136;
28 --background-mobile-primary: #36393f;
29 --background-mobile-secondary: #2f3136;
30 --chat-background: #36393f;
31 --chat-border: #202225;
32 --chat-input-container-background: #36393f;
33 --background-modifier-hover: #45475a;
34 --background-modifier-active: #585b70;
35 --background-modifier-selected: #585b70;
36 --background-modifier-accent: rgba(79,84,92,0.48);
37 --info-warning-background: rgba(249,226,175,0.1);
38 --info-warning-foreground: #f9e2af;
39/*--info-warning-text: #fff;
40 --info-danger-background: hsla(359,calc(var(--saturation-factor, 1)*82.6%),59.4%,0.1);
41 --info-danger-foreground: hsl(359,calc(var(--saturation-factor, 1)*82.6%),59.4%);
42 --info-danger-text: #fff;
43 --info-help-background: hsla(197,calc(var(--saturation-factor, 1)*100%),47.8%,0.1);
44 --info-help-foreground: hsl(197,calc(var(--saturation-factor, 1)*100%),47.8%);
45 --info-help-text: #fff;
46 --status-positive-background: hsl(139,calc(var(--saturation-factor, 1)*47.1%),33.3%);
47 --status-positive-text: #fff;
48 --status-warning-background: hsl(38,calc(var(--saturation-factor, 1)*95.7%),54.1%);
49 --status-warning-text: #000;*/
50 --status-danger-background: #f38ba8;
51 --status-danger-text: #cdd6f4;
52 --status-danger: #f38ba8;
53 --status-positive: #a6e3a1;
54 --status-warning: #fab387;
55 --button-danger-background: #f38ba8;
56 --button-danger-background-hover: #f5a2b9;
57 --button-danger-background-active: #f17497;
58 --button-danger-background-disabled: #532c37;
59 --button-positive-background: #a6e3a1;
60 --button-positive-background-hover: #b9e9b5;
61 --button-positive-background-active: #93dd8d;
62 --button-positive-background-disabled: #404540;
63 --button-secondary-background: #313244;
64 --button-secondary-background-hover: #45475a;
65 --button-secondary-background-active: #585b70;
66 --button-secondary-background-disabled: #f00;
67 --button-outline-danger-text: #cdd6f4;
68 --button-outline-danger-border: #f38ba8;
69 --button-outline-danger-background: #f38ba8;
70 --button-outline-danger-background-hover: #f5a2b9;
71 --button-outline-danger-text-hover: #1e1e2e;
72 --button-outline-danger-border-hover: #f5a2b9;
73 --button-outline-danger-background-active: #f17497;
74 --button-outline-danger-text-active: #1e1e2e;
75 --button-outline-danger-border-active: #f17497;
76 --button-outline-positive-text: #fff;
77/*--button-outline-positive-border: hsl(139,calc(var(--saturation-factor, 1)*47.3%),43.9%);
78 --button-outline-positive-background: hsla(0,0%,100%,0);
79 --button-outline-positive-background-hover: hsl(139,calc(var(--saturation-factor, 1)*47.1%),33.3%);
80 --button-outline-positive-text-hover: #fff;
81 --button-outline-positive-border-hover: hsl(139,calc(var(--saturation-factor, 1)*47.1%),33.3%);
82 --button-outline-positive-background-active: hsl(138,calc(var(--saturation-factor, 1)*46.8%),24.3%);
83 --button-outline-positive-text-active: #fff;
84 --button-outline-positive-border-active: hsl(138,calc(var(--saturation-factor, 1)*46.8%),24.3%);
85 --button-outline-brand-text: #fff;
86 --button-outline-brand-border: hsl(235,calc(var(--saturation-factor, 1)*85.6%),64.7%);
87 --button-outline-brand-background: hsla(0,0%,100%,0);
88 --button-outline-brand-background-hover: hsl(235,calc(var(--saturation-factor, 1)*85.6%),64.7%);
89 --button-outline-brand-text-hover: #fff;
90 --button-outline-brand-border-hover: hsl(235,calc(var(--saturation-factor, 1)*85.6%),64.7%);
91 --button-outline-brand-background-active: hsl(235,calc(var(--saturation-factor, 1)*51.4%),52.4%);
92 --button-outline-brand-text-active: #fff;
93 --button-outline-brand-border-active: hsl(235,calc(var(--saturation-factor, 1)*51.4%),52.4%);*/
94 --button-outline-primary-text: #fff;
95 --button-outline-primary-border: #4f545c;
96 --button-outline-primary-background: rgba(255,255,255,0);
97 --button-outline-primary-background-hover: #4f545c;
98 --button-outline-primary-text-hover: #fff;
99 --button-outline-primary-border-hover: #4f545c;
100 --button-outline-primary-background-active: #686d73;
101 --button-outline-primary-text-active: #fff;
102 --button-outline-primary-border-active: #686d73;
103 --modal-background: #181825;
104 --modal-footer-background: #11111b;
105 --scrollbar-thin-thumb: #313244;
106 --scrollbar-thin-track: transparent;
107 --scrollbar-auto-thumb: #313244;
108 --scrollbar-auto-track: transparent;
109 --scrollbar-auto-scrollbar-color-thumb: #313244;
110 --scrollbar-auto-scrollbar-color-track: transparent;
111 --input-background: #313244;
112 --input-placeholder-text: #7f849c;
113 --elevation-stroke: 0 0 0 1px rgba(4,4,5,0.15);
114 --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);
115 --elevation-medium: 0 4px 4px rgba(0,0,0,0.16);
116 --elevation-high: 0 8px 16px rgba(0,0,0,0.24);
117 --logo-primary: #fff;
118 --background-mentioned: rgba(249,226,175,0.1);
119 --background-mentioned-hover: rgba(249,226,175,0.08);
120 --background-message-hover: rgba(24,24,37,0.25);
121 --channels-default: #7f849c;
122 --channel-icon: #a6adc8;
123 --channel-text-area-placeholder: #72767d;
124 --guild-header-text-shadow: 0 1px 1px rgba(0,0,0,0.4);
125 --channeltextarea-background: #313244;
126 --activity-card-background: #202225;
127 --textbox-markdown-syntax: #8e9297;
128 --spoiler-revealed-background: #292b2f;
129 --spoiler-hidden-background: #202225;
130 --android-navigation-bar-background: #121315;
131 --deprecated-card-bg: #181825;
132 --deprecated-card-editable-bg: rgba(32,34,37,0.3);
133 --deprecated-store-bg: #36393f;
134 --deprecated-quickswitcher-input-background: #72767d;
135 --deprecated-quickswitcher-input-placeholder: rgba(255,255,255,0.3);
136 --deprecated-text-input-bg: #202225;
137 --deprecated-text-input-border: rgba(0,0,0,0.3);
138 --deprecated-text-input-border-hover: #040405;
139 --deprecated-text-input-border-disabled: #202225;
140 --deprecated-text-input-prefix: #dcddde;
141}
142/* Reactions */
143.reaction-3vwAF2 {
144 background-color: #313244;
145}
146.reaction-3vwAF2:hover {
147 background-color: #45475a;
148}
149/* Buttons */
150.lookFilled-yCfaCM.colorBrand-I6CyqQ,
151.lookFilled-yCfaCM.colorRed-rQXKgM,
152.lookFilled-yCfaCM.colorGreen-3y-Z79,
153.selected-2Uns2B,
154.colorDefault-CDqZdO.focused-3qFvc8,
155.barButtonBase-Sk2mdB {
156 color: #1e1e2e;
157}
158.colorDanger-3n-KnP:active:not(.hideInteraction-2jPGL_) {
159 background-color: #f38ba8;
160 color: #1e1e2e;
161}
162.lookFilled-yCfaCM.colorPrimary-2AuQVo {
163 background-color: #313244;
164 color: #cdd6f4;
165}
166/* Checkbox */
167.checked-25WXMf {
168 background-color: #a6e3a1 !important;
169}
170/* Bot tag */
171.botTagRegular-kpctgU {
172 color: #1e1e2e;
173}
174/* Message hover buttons */
175.wrapper-2vIMkT {
176 background-color: #313244;
177}
178/* DMs page */
179.container-2cd8Mz {
180 background-color: #1e1e2e !important;
181}
182/* Delete message pupup */
183.theme-dark .message-G6O-Wv {
184 background-color: #11111b;
185}
186.autocomplete-3NRXG8 {
187 background: #1e1e2e !important;
188}
189.categoryHeader-OpJ1Ly {
190 background: #181825;
191}
192rect[fill^="hsl(139"] {
193 fill: #a6e3a1;
194}
195rect[fill^="hsl(38"] {
196 fill: #f9e2af;
197}
198rect[fill^="hsl(359"] {
199 fill: #f38ba8;
200}
201rect[fill^="hsl(214"] {
202 fill: #a6adc8;
203}
204div[style^="background-color: hsl(139"] {
205 background-color: #a6e3a1 !important;
206}
207div[style^="background-color: hsl(38"] {
208 background-color: #f9e2af !important;
209}
210div[style^="background-color: hsl(359"] {
211 background-color: #f38ba8 !important;
212}
213div[style^="background-color: hsl(214"] {
214 background-color: #a6adc8 !important;
215}