From 5033c14cb7520db67549913ef041ed9f0c26b014 Mon Sep 17 00:00:00 2001 From: Sridou Date: Sun, 26 Oct 2025 14:58:45 +0530 Subject: [PATCH] fix: Improved matugen theme for viciane --- Assets/MatugenTemplates/vicinae.toml | 48 +++++++++++----------------- 1 file changed, 18 insertions(+), 30 deletions(-) diff --git a/Assets/MatugenTemplates/vicinae.toml b/Assets/MatugenTemplates/vicinae.toml index e4cc6da6..8e874f53 100644 --- a/Assets/MatugenTemplates/vicinae.toml +++ b/Assets/MatugenTemplates/vicinae.toml @@ -10,8 +10,6 @@ icon = "noctalia.svg" # ============================================================================ # Core Colors # ============================================================================ -# Foundation colors that define the entire theme's personality -# Uses Material You's semantic color system for perfect harmony [colors.core] accent = "{{colors.primary.default.hex}}" @@ -22,43 +20,39 @@ secondary_background = "{{colors.surface_container.default.hex}}" border = "{{colors.outline_variant.default.hex}}" # ============================================================================ -# Window-Specific Colors +# Window Borders # ============================================================================ -# Different borders for visual hierarchy between window types [colors.main_window] -border = "{{colors.outline_variant.default.hex}}" +border = "{{colors.outline_variant.default.hex}}" # Softer for main app [colors.settings_window] -border = "{{colors.outline.default.hex}}" +border = "{{colors.outline.default.hex}}" # Stronger but not primary (less distracting) # ============================================================================ -# Accent Colors +# Accent Palette # ============================================================================ -# Complete color palette using Material You's harmonious color generation -# Maps to various UI elements throughout Vicinae [colors.accents] blue = "{{colors.primary.default.hex}}" green = "{{colors.tertiary.default.hex}}" magenta = "{{colors.secondary.default.hex}}" -orange = "{{colors.error.default.hex}}" +orange = { name = "{{colors.error.default.hex}}", lighter = 40 } red = "{{colors.error.default.hex}}" -yellow = "{{colors.tertiary.default.hex}}" -cyan = "{{colors.primary.default.hex}}" +yellow = { name = "{{colors.tertiary.default.hex}}", lighter = 80 } +cyan = { name = "{{colors.primary.default.hex}}", lighter = 50 } purple = "{{colors.secondary.default.hex}}" # ============================================================================ -# Text Colors +# Text System # ============================================================================ -# Semantic text colors for all states and contexts [colors.text] default = "{{colors.on_surface.default.hex}}" muted = "{{colors.on_surface_variant.default.hex}}" danger = "{{colors.error.default.hex}}" success = "{{colors.tertiary.default.hex}}" -placeholder = "{{colors.on_surface_variant.default.hex}}" +placeholder = { name = "{{colors.on_surface_variant.default.hex}}", opacity = 0.6 } [colors.text.selection] background = "{{colors.primary.default.hex}}" @@ -66,12 +60,11 @@ foreground = "{{colors.on_primary.default.hex}}" [colors.text.links] default = "{{colors.primary.default.hex}}" -visited = "{{colors.secondary.default.hex}}" +visited = { name = "{{colors.tertiary.default.hex}}", darker = 20 } # ============================================================================ # Input Fields # ============================================================================ -# Text inputs, search boxes with proper focus states [colors.input] border = "{{colors.outline.default.hex}}" @@ -81,29 +74,27 @@ border_error = "{{colors.error.default.hex}}" # ============================================================================ # Buttons # ============================================================================ -# All button states with subtle hover effects and focus indicators [colors.button.primary] background = "{{colors.surface_container_high.default.hex}}" foreground = "{{colors.on_surface.default.hex}}" [colors.button.primary.hover] -background = { name = "{{colors.surface_container_highest.default.hex}}", opacity = 0.85 } +background = "{{colors.surface_container_highest.default.hex}}" [colors.button.primary.focus] -outline = "colors.core.accent" +outline = "{{colors.primary.default.hex}}" # ============================================================================ # Lists # ============================================================================ -# Horizontal list views with elevation-based selection [colors.list.item.hover] -background = { name = "{{colors.surface_container_high.default.hex}}", opacity = 0.7 } +background = { name = "{{colors.primary_container.default.hex}}", opacity = 0.25 } foreground = "{{colors.on_surface.default.hex}}" [colors.list.item.selection] -background = { name = "{{colors.primary_container.default.hex}}", opacity = 0.5 } +background = { name = "{{colors.primary_container.default.hex}}", opacity = 0.50 } foreground = "{{colors.on_primary_container.default.hex}}" secondary_background = "{{colors.primary_container.default.hex}}" secondary_foreground = "{{colors.on_primary_container.default.hex}}" @@ -111,29 +102,26 @@ secondary_foreground = "{{colors.on_primary_container.default.hex}}" # ============================================================================ # Grid Items # ============================================================================ -# Grid layouts (icon grids, tiles) with outline-based selection [colors.grid.item] background = "{{colors.surface_container.default.hex}}" [colors.grid.item.hover] -outline = { name = "{{colors.primary.default.hex}}", opacity = 0.6 } +outline = { name = "{{colors.secondary.default.hex}}", opacity = 0.8 } [colors.grid.item.selection] -outline = { name = "{{colors.primary.default.hex}}", opacity = 0.9 } +outline = { name = "{{colors.primary.default.hex}}" } # ============================================================================ # Scrollbars # ============================================================================ -# Subtle scrollbar styling [colors.scrollbars] -background = { name = "{{colors.on_surface.default.hex}}", opacity = 0.2 } +background = { name = "{{colors.primary.default.hex}}", opacity = 0.2 } # ============================================================================ -# Loading Indicators +# Loading States # ============================================================================ -# Progress bars and spinners for loading states [colors.loading] bar = "{{colors.primary.default.hex}}"