106 lines
4.5 KiB
CSS
106 lines
4.5 KiB
CSS
|
/* Wallpaper-based Adwaita-style Discord theme generated by matugen */
|
||
|
|
|
||
|
|
/* Discord dark theme variable overrides */
|
||
|
|
.theme-dark {
|
||
|
|
/* Surfaces */
|
||
|
|
--background-primary: {{colors.surface.default.hex}} !important;
|
||
|
|
--background-secondary: {{colors.surface_container.default.hex}} !important;
|
||
|
|
--background-secondary-alt: {{colors.surface_container.default.hex}} !important;
|
||
|
|
--background-tertiary: {{colors.surface_container_low.default.hex}} !important;
|
||
|
|
--background-floating: {{colors.surface_container_high.default.hex}} !important;
|
||
|
|
--background-mobile-primary: {{colors.surface.default.hex}} !important;
|
||
|
|
--background-mobile-secondary: {{colors.surface_container.default.hex}} !important;
|
||
|
|
--background-modifier-selected: {{colors.surface_container_high.default.hex}} !important;
|
||
|
|
--background-modifier-accent: {{colors.surface_container.default.hex}} !important;
|
||
|
|
--background-modifier-hover: {{colors.surface_container_high.default.hex}} !important;
|
||
|
|
--background-message-hover: rgba(0, 0, 0, 0.1) !important;
|
||
|
|
--bg-overlay-2: {{colors.surface.default.hex}} !important;
|
||
|
|
--home-background: {{colors.surface.default.hex}} !important;
|
||
|
|
|
||
|
|
/* Accent / brand */
|
||
|
|
--background-accent: {{colors.primary.default.hex}} !important;
|
||
|
|
--brand-experiment: {{colors.primary.default.hex}} !important;
|
||
|
|
--brand-experiment-560: {{colors.primary.default.hex}} !important;
|
||
|
|
--brand-experiment-05a: {{colors.primary_container.default.hex}} !important;
|
||
|
|
--control-brand-foreground: {{colors.primary.default.hex}} !important;
|
||
|
|
--bg-brand: {{colors.primary.default.hex}} !important;
|
||
|
|
--logo-primary: {{colors.primary.default.hex}} !important;
|
||
|
|
--focus-primary: {{colors.primary.default.hex}} !important;
|
||
|
|
|
||
|
|
/* Text */
|
||
|
|
--text-normal: {{colors.on_surface.default.hex}} !important;
|
||
|
|
--text-muted: {{colors.on_surface_variant.default.hex}} !important;
|
||
|
|
--text-link: {{colors.primary.default.hex}} !important;
|
||
|
|
--header-primary: {{colors.on_surface.default.hex}} !important;
|
||
|
|
--header-secondary: {{colors.on_surface_variant.default.hex}} !important;
|
||
|
|
--interactive-normal: {{colors.on_surface_variant.default.hex}} !important;
|
||
|
|
--interactive-hover: {{colors.on_surface.default.hex}} !important;
|
||
|
|
--interactive-active: {{colors.on_surface.default.hex}} !important;
|
||
|
|
--interactive-muted: {{colors.outline.default.hex}} !important;
|
||
|
|
|
||
|
|
/* Inputs and chat */
|
||
|
|
--channeltextarea-background: {{colors.surface_container_high.default.hex}} !important;
|
||
|
|
--input-background: {{colors.surface_container_high.default.hex}} !important;
|
||
|
|
--input-placeholder-text: {{colors.on_surface_variant.default.hex}} !important;
|
||
|
|
--activity-card-background: {{colors.surface_container.default.hex}} !important;
|
||
|
|
--textbox-markdown-syntax: {{colors.primary.default.hex}} !important;
|
||
|
|
--deprecated-card-bg: {{colors.surface_container.default.hex}} !important;
|
||
|
|
|
||
|
|
/* Scrollbars */
|
||
|
|
--scrollbar-thin-thumb: {{colors.on_surface_variant.default.hex}} !important;
|
||
|
|
--scrollbar-thin-track: transparent !important;
|
||
|
|
--scrollbar-auto-thumb: {{colors.on_surface_variant.default.hex}} !important;
|
||
|
|
--scrollbar-auto-track: {{colors.surface_container_low.default.hex}} !important;
|
||
|
|
|
||
|
|
/* Mentions */
|
||
|
|
--mention-background: {{colors.primary_container.default.hex}} !important;
|
||
|
|
--mention-foreground: {{colors.on_primary_container.default.hex}} !important;
|
||
|
|
|
||
|
|
/* Profile */
|
||
|
|
--profile-body-background-color: {{colors.surface_container.default.hex}} !important;
|
||
|
|
--profile-body-divider-color: {{colors.outline_variant.default.hex}} !important;
|
||
|
|
|
||
|
|
/* Misc */
|
||
|
|
--modal-background: {{colors.surface_container.default.hex}} !important;
|
||
|
|
--modal-footer-background: {{colors.surface_container_low.default.hex}} !important;
|
||
|
|
--radio-group-dot-foreground: {{colors.primary.default.hex}} !important;
|
||
|
|
}
|
||
|
|
|
||
|
|
/* Server list */
|
||
|
|
nav[class*="guilds_"] {
|
||
|
|
background-color: {{colors.surface_container_low.default.hex}} !important;
|
||
|
|
}
|
||
|
|
|
||
|
|
/* Channel sidebar */
|
||
|
|
div[class*="sidebar_"] {
|
||
|
|
background-color: {{colors.surface_container.default.hex}} !important;
|
||
|
|
}
|
||
|
|
|
||
|
|
/* Members list */
|
||
|
|
div[class*="membersWrap_"] {
|
||
|
|
background-color: {{colors.surface.default.hex}} !important;
|
||
|
|
}
|
||
|
|
|
||
|
|
/* User panel at bottom */
|
||
|
|
section[class*="panels_"] {
|
||
|
|
background-color: {{colors.surface_container.default.hex}} !important;
|
||
|
|
}
|
||
|
|
|
||
|
|
/* Rounded message input */
|
||
|
|
div[class*="channelTextArea_"] {
|
||
|
|
border-radius: 12px !important;
|
||
|
|
}
|
||
|
|
|
||
|
|
/* Rounded popouts and modals */
|
||
|
|
div[class*="popout_"],
|
||
|
|
div[class*="modal_"],
|
||
|
|
div[class*="menu_"] {
|
||
|
|
border-radius: 12px !important;
|
||
|
|
}
|
||
|
|
|
||
|
|
/* Search bar */
|
||
|
|
div[class*="searchBar_"] {
|
||
|
|
border-radius: 8px !important;
|
||
|
|
background-color: {{colors.surface_container_high.default.hex}} !important;
|
||
|
|
}
|