rope/nixos
1
1
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Add Vesktop wallpaper color theme via matugen

Browse source 
Generates quickCss for Vencord with wallpaper-derived colors
and Adwaita-style rounding. Work in progress — Discord may
override CSS variables on load.

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
This commit is contained in:
ediblerope 2026-04-14 14:21:25 +01:00
parent 73955a158d
commit 570d0aadac
2 changed files with 109 additions and 0 deletions
Download patch file Download diff file Expand all files Collapse all files

105
templates/vesktop-quickCss.css Normal file
View file

@ -0,0 +1,105 @@
/* 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;
}