Switch Vesktop theme to Midnight and theme GNOME app grid highlights

Replace custom Discord CSS selectors with Midnight theme (loaded via
online URL) and simple color variable overrides from matugen. Also add
wallpaper-colored focus rings, edit button, and running dot to GNOME
shell app grid.

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
This commit is contained in:
ediblerope 2026-04-16 11:22:48 +01:00
parent 3f20a8010f
commit b5937e5fe9
2 changed files with 55 additions and 101 deletions

View file

@ -330,3 +330,38 @@ stage {
#dash .dash-item-container .grid-search-result:focus .overview-icon {
background-color: {{colors.surface_container_high.default.hex}} !important;
}
/* App grid edit mode button (pencil icon) */
.icon-button.edit-button,
.app-grid-edit-button {
background-color: {{colors.surface_container_high.default.hex}} !important;
color: {{colors.on_surface.default.hex}} !important;
}
.icon-button.edit-button:hover,
.app-grid-edit-button:hover {
background-color: {{colors.surface_container_highest.default.hex}} !important;
}
.icon-button.edit-button:checked,
.app-grid-edit-button:checked {
background-color: {{colors.primary_container.default.hex}} !important;
color: {{colors.on_primary_container.default.hex}} !important;
}
/* App grid focused/selected app highlight ring */
.overview-tile:focus,
.overview-tile:selected {
outline-color: {{colors.primary.default.hex}} !important;
}
/* Global focus/keyboard-navigation highlight */
*:focus {
outline-color: {{colors.primary.default.hex}} !important;
border-color: {{colors.primary.default.hex}} !important;
}
/* App icon active/running indicator dot */
.app-well-app .overview-icon .app-running-dot {
background-color: {{colors.primary.default.hex}} !important;
}