43 lines
No EOL
1 KiB
CSS
43 lines
No EOL
1 KiB
CSS
/* ===== YouTube Dark Theme Colors ===== */
|
|
:root {
|
|
--yt-bg-primary: #0f0f0f;
|
|
--yt-bg-secondary: #333333;
|
|
--yt-bg-elevated: #282828;
|
|
--yt-bg-hover: #444444;
|
|
--yt-bg-active: #3ea6ff;
|
|
|
|
--yt-text-primary: #f1f1f1;
|
|
--yt-text-secondary: #aaaaaa;
|
|
--yt-text-disabled: #717171;
|
|
--yt-static-white: #ffffff;
|
|
|
|
--yt-accent-red: #ff0000;
|
|
--yt-accent-blue: #3ea6ff;
|
|
|
|
--yt-border: rgba(255, 255, 255, 0.1);
|
|
--yt-divider: rgba(255, 255, 255, 0.2);
|
|
|
|
--yt-header-height: 56px;
|
|
--yt-sidebar-width: 240px;
|
|
--yt-sidebar-mini: 72px;
|
|
|
|
--yt-radius-sm: 4px;
|
|
--yt-radius-md: 8px;
|
|
--yt-radius-lg: 12px;
|
|
--yt-radius-xl: 16px;
|
|
--yt-radius-pill: 9999px;
|
|
}
|
|
|
|
[data-theme="light"] {
|
|
--yt-bg-primary: #ffffff;
|
|
--yt-bg-secondary: #f2f2f2;
|
|
--yt-bg-elevated: #e5e5e5;
|
|
--yt-bg-hover: #e5e5e5;
|
|
|
|
--yt-text-primary: #0f0f0f;
|
|
--yt-text-secondary: #606060;
|
|
--yt-text-disabled: #909090;
|
|
|
|
--yt-border: rgba(0, 0, 0, 0.1);
|
|
--yt-divider: rgba(0, 0, 0, 0.1);
|
|
} |