anian
51 lines
1.5 KiB
CSS
51 lines
1.5 KiB
CSS
@media (prefers-color-scheme: dark) {
|
|
.color-scheme-auto,
|
|
[data-color-scheme="auto"] {
|
|
color-scheme: dark;
|
|
|
|
--halo-cw-primary-1-color: #059669;
|
|
--halo-cw-primary-2-color: #047857;
|
|
--halo-cw-primary-3-color: #065f46;
|
|
|
|
--halo-cw-text-1-color: #f9fafb;
|
|
--halo-cw-text-2-color: #e5e7eb;
|
|
--halo-cw-text-3-color: #9ca3af;
|
|
|
|
--halo-cw-muted-1-color: #4b5563;
|
|
--halo-cw-muted-2-color: #374151;
|
|
--halo-cw-muted-3-color: #1f2937;
|
|
|
|
--halo-cw-emoji-picker-rgb-color: 222, 222, 221;
|
|
--halo-cw-emoji-picker-rgb-accent: 58, 130, 247;
|
|
--halo-cw-emoji-picker-rgb-background: 21, 22, 23;
|
|
--halo-cw-emoji-picker-rgb-input: 0, 0, 0;
|
|
--halo-cw-emoji-picker-color-border: rgba(255, 255, 255, 0.1);
|
|
--halo-cw-emoji-picker-color-border-over: rgba(255, 255, 255, 0.2);
|
|
}
|
|
}
|
|
|
|
.color-scheme-dark,
|
|
.dark,
|
|
[data-color-scheme="dark"] {
|
|
color-scheme: dark;
|
|
|
|
--halo-cw-primary-1-color: #059669;
|
|
--halo-cw-primary-2-color: #047857;
|
|
--halo-cw-primary-3-color: #065f46;
|
|
|
|
--halo-cw-text-1-color: #f9fafb;
|
|
--halo-cw-text-2-color: #e2e8f0;
|
|
--halo-cw-text-3-color: #94a3b8;
|
|
|
|
--halo-cw-muted-1-color: #64748b;
|
|
--halo-cw-muted-2-color: #475569;
|
|
--halo-cw-muted-3-color: #334155;
|
|
|
|
--halo-cw-emoji-picker-rgb-color: 222, 222, 221;
|
|
--halo-cw-emoji-picker-rgb-accent: 58, 130, 247;
|
|
--halo-cw-emoji-picker-rgb-background: 21, 22, 23;
|
|
--halo-cw-emoji-picker-rgb-input: 0, 0, 0;
|
|
--halo-cw-emoji-picker-color-border: rgba(255, 255, 255, 0.1);
|
|
--halo-cw-emoji-picker-color-border-over: rgba(255, 255, 255, 0.2);
|
|
}
|