|
1 | 1 | <Styles xmlns="https://github.com/avaloniaui" |
2 | | - xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"> |
| 2 | + xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml" |
| 3 | + xmlns:start="using:VisualSqlArchitect.UI.Controls.Start"> |
3 | 4 |
|
4 | 5 | <!-- ══════════════════════════════════════════════════════════════════════════ |
5 | 6 | GLOBAL DARK OVERRIDES |
6 | 7 | ═══════════════════════════════════════════════════════════════════════════ --> |
7 | 8 |
|
8 | 9 | <!-- Window background --> |
9 | 10 | <Style Selector="Window"> |
10 | | - <Setter Property="Background" Value="#0D0F14"/> |
11 | | - <Setter Property="FontFamily" Value="Segoe UI,system-ui,sans-serif"/> |
12 | | - <Setter Property="Foreground" Value="#E8EAED"/> |
| 11 | + <Setter Property="Background" Value="{StaticResource MacroBg0Brush}"/> |
| 12 | + <Setter Property="FontFamily" Value="{StaticResource UIFont}"/> |
| 13 | + <Setter Property="Foreground" Value="{StaticResource TextPrimaryBrush}"/> |
| 14 | + </Style> |
| 15 | + |
| 16 | + <!-- Semantic text roles --> |
| 17 | + <Style Selector="TextBlock.txt-display"> |
| 18 | + <Setter Property="FontSize" Value="{StaticResource FontSizeDisplay}"/> |
| 19 | + <Setter Property="FontWeight" Value="{StaticResource FontWeightStrong}"/> |
| 20 | + <Setter Property="Foreground" Value="{StaticResource TextPrimaryBrush}"/> |
| 21 | + </Style> |
| 22 | + <Style Selector="TextBlock.txt-title"> |
| 23 | + <Setter Property="FontSize" Value="{StaticResource FontSizeTitle}"/> |
| 24 | + <Setter Property="FontWeight" Value="{StaticResource FontWeightStrong}"/> |
| 25 | + <Setter Property="Foreground" Value="{StaticResource TextPrimaryBrush}"/> |
| 26 | + </Style> |
| 27 | + <Style Selector="TextBlock.txt-body"> |
| 28 | + <Setter Property="FontSize" Value="{StaticResource FontSizeBody}"/> |
| 29 | + <Setter Property="Foreground" Value="{StaticResource TextPrimaryBrush}"/> |
| 30 | + </Style> |
| 31 | + <Style Selector="TextBlock.txt-meta"> |
| 32 | + <Setter Property="FontSize" Value="{StaticResource FontSizeMeta}"/> |
| 33 | + <Setter Property="Foreground" Value="{StaticResource TextSecondaryBrush}"/> |
| 34 | + </Style> |
| 35 | + |
| 36 | + <!-- Reusable shell header --> |
| 37 | + <Style Selector="Border.app-header-shell"> |
| 38 | + <Setter Property="Background" Value="{StaticResource MacroBg1Brush}"/> |
| 39 | + <Setter Property="BorderBrush" Value="{StaticResource MacroBorderSubtleBrush}"/> |
| 40 | + <Setter Property="BorderThickness" Value="0,0,0,1"/> |
| 41 | + <Setter Property="Padding" Value="12,6"/> |
| 42 | + </Style> |
| 43 | + |
| 44 | + <Style Selector="Button.app-window-btn"> |
| 45 | + <Setter Property="Background" Value="Transparent"/> |
| 46 | + <Setter Property="BorderThickness" Value="0"/> |
| 47 | + <Setter Property="Foreground" Value="{StaticResource TextSecondaryBrush}"/> |
| 48 | + <Setter Property="CornerRadius" Value="6"/> |
| 49 | + <Setter Property="Cursor" Value="Hand"/> |
| 50 | + </Style> |
| 51 | + <Style Selector="Button.app-window-btn:pointerover"> |
| 52 | + <Setter Property="Background" Value="{StaticResource MacroBg2Brush}"/> |
| 53 | + <Setter Property="Foreground" Value="{StaticResource TextPrimaryBrush}"/> |
| 54 | + </Style> |
| 55 | + <Style Selector="Button.app-window-btn.app-window-btn-danger:pointerover"> |
| 56 | + <Setter Property="Background" Value="{StaticResource BtnDangerBgBrush}"/> |
| 57 | + <Setter Property="Foreground" Value="{StaticResource BtnDangerFgBrush}"/> |
| 58 | + </Style> |
| 59 | + |
| 60 | + <Style Selector="Button.app-header-title-btn"> |
| 61 | + <Setter Property="Background" Value="Transparent"/> |
| 62 | + <Setter Property="BorderThickness" Value="0"/> |
| 63 | + <Setter Property="Padding" Value="0"/> |
| 64 | + <Setter Property="Foreground" Value="{StaticResource TextPrimaryBrush}"/> |
| 65 | + <Setter Property="FontSize" Value="{StaticResource FontSizeTitle}"/> |
| 66 | + <Setter Property="FontWeight" Value="{StaticResource FontWeightStrong}"/> |
| 67 | + <Setter Property="Cursor" Value="Hand"/> |
| 68 | + </Style> |
| 69 | + <Style Selector="Button.app-header-title-btn:pointerover"> |
| 70 | + <Setter Property="Foreground" Value="{StaticResource AccentBlueBrush}"/> |
| 71 | + </Style> |
| 72 | + |
| 73 | + <!-- Editor title menu --> |
| 74 | + <Style Selector="ContextMenu.app-title-menu"> |
| 75 | + <Setter Property="Background" Value="{StaticResource MacroBg1Brush}"/> |
| 76 | + <Setter Property="BorderBrush" Value="{StaticResource MacroBorderSubtleBrush}"/> |
| 77 | + <Setter Property="BorderThickness" Value="1"/> |
| 78 | + <Setter Property="Padding" Value="6"/> |
| 79 | + </Style> |
| 80 | + <Style Selector="MenuItem.app-title-menu-item"> |
| 81 | + <Setter Property="Background" Value="Transparent"/> |
| 82 | + <Setter Property="Foreground" Value="{StaticResource TextPrimaryBrush}"/> |
| 83 | + <Setter Property="BorderThickness" Value="0"/> |
| 84 | + <Setter Property="Padding" Value="10,8"/> |
| 85 | + <Setter Property="FontSize" Value="{StaticResource FontSizeBody}"/> |
| 86 | + </Style> |
| 87 | + <Style Selector="MenuItem.app-title-menu-item:pointerover"> |
| 88 | + <Setter Property="Background" Value="{StaticResource MacroBg2Brush}"/> |
| 89 | + <Setter Property="Foreground" Value="{StaticResource AccentBlueBrush}"/> |
| 90 | + </Style> |
| 91 | + <Style Selector="Separator.app-title-menu-sep"> |
| 92 | + <Setter Property="Background" Value="{StaticResource MacroBorderSubtleBrush}"/> |
| 93 | + <Setter Property="Margin" Value="6,4"/> |
13 | 94 | </Style> |
14 | 95 |
|
15 | 96 | <!-- ── TextBox ─────────────────────────────────────────────────────────── --> |
|
28 | 109 | <Setter Property="Foreground" Value="#4A5568"/> |
29 | 110 | </Style> |
30 | 111 |
|
| 112 | + <Style Selector="TextBox.sidebar-input"> |
| 113 | + <Setter Property="VerticalContentAlignment" Value="Center"/> |
| 114 | + <Setter Property="FontSize" Value="{StaticResource FontSizeBody}"/> |
| 115 | + <Setter Property="Foreground" Value="{StaticResource TextPrimaryBrush}"/> |
| 116 | + <Setter Property="Padding" Value="6,0,0,0"/> |
| 117 | + <Setter Property="MinHeight" Value="24"/> |
| 118 | + </Style> |
| 119 | + <Style Selector="TextBox.sidebar-input /template/ TextBlock#PART_Watermark"> |
| 120 | + <Setter Property="Foreground" Value="{StaticResource TextSecondaryBrush}"/> |
| 121 | + <Setter Property="VerticalAlignment" Value="Center"/> |
| 122 | + </Style> |
| 123 | + <Style Selector="TextBox.sidebar-input:focus-visible /template/ Border#PART_BorderElement"> |
| 124 | + <Setter Property="BorderBrush" Value="{StaticResource BorderActiveBrush}"/> |
| 125 | + <Setter Property="BorderThickness" Value="1"/> |
| 126 | + <Setter Property="Background" Value="{StaticResource MacroBg3Brush}"/> |
| 127 | + </Style> |
| 128 | + |
31 | 129 | <!-- ── Button ─────────────────────────────────────────────────────────── --> |
32 | 130 | <Style Selector="Button"> |
33 | 131 | <Setter Property="CornerRadius" Value="7"/> |
|
38 | 136 | </Setter> |
39 | 137 | </Style> |
40 | 138 |
|
| 139 | + <!-- Semantic button variants --> |
| 140 | + <Style Selector="Button.primary"> |
| 141 | + <Setter Property="Background" Value="{StaticResource BtnPrimaryBgBrush}"/> |
| 142 | + <Setter Property="Foreground" Value="{StaticResource BtnPrimaryFgBrush}"/> |
| 143 | + <Setter Property="BorderBrush" Value="{StaticResource AccentBlueBrush}"/> |
| 144 | + <Setter Property="BorderThickness" Value="1"/> |
| 145 | + <Setter Property="FontWeight" Value="{StaticResource FontWeightAction}"/> |
| 146 | + </Style> |
| 147 | + <Style Selector="Button.secondary"> |
| 148 | + <Setter Property="Background" Value="{StaticResource BtnSecondaryBgBrush}"/> |
| 149 | + <Setter Property="Foreground" Value="{StaticResource BtnSecondaryFgBrush}"/> |
| 150 | + <Setter Property="BorderBrush" Value="{StaticResource MacroBorderSubtleBrush}"/> |
| 151 | + <Setter Property="BorderThickness" Value="1"/> |
| 152 | + </Style> |
| 153 | + <Style Selector="Button.info"> |
| 154 | + <Setter Property="Background" Value="{StaticResource BtnInfoBgBrush}"/> |
| 155 | + <Setter Property="Foreground" Value="{StaticResource BtnInfoFgBrush}"/> |
| 156 | + <Setter Property="BorderBrush" Value="{StaticResource AccentBlueBrush}"/> |
| 157 | + <Setter Property="BorderThickness" Value="1"/> |
| 158 | + </Style> |
| 159 | + <Style Selector="Button.success"> |
| 160 | + <Setter Property="Background" Value="{StaticResource BtnSuccessBgBrush}"/> |
| 161 | + <Setter Property="Foreground" Value="{StaticResource BtnSuccessFgBrush}"/> |
| 162 | + <Setter Property="BorderBrush" Value="#22C55E"/> |
| 163 | + <Setter Property="BorderThickness" Value="1"/> |
| 164 | + </Style> |
| 165 | + <Style Selector="Button.warning"> |
| 166 | + <Setter Property="Background" Value="{StaticResource BtnWarningBgBrush}"/> |
| 167 | + <Setter Property="Foreground" Value="{StaticResource BtnWarningFgBrush}"/> |
| 168 | + <Setter Property="BorderBrush" Value="#F97316"/> |
| 169 | + <Setter Property="BorderThickness" Value="1"/> |
| 170 | + </Style> |
| 171 | + <Style Selector="Button.danger"> |
| 172 | + <Setter Property="Background" Value="{StaticResource BtnDangerBgBrush}"/> |
| 173 | + <Setter Property="Foreground" Value="{StaticResource BtnDangerFgBrush}"/> |
| 174 | + <Setter Property="BorderBrush" Value="#FB7185"/> |
| 175 | + <Setter Property="BorderThickness" Value="1"/> |
| 176 | + </Style> |
| 177 | + <Style Selector="Button.ghost"> |
| 178 | + <Setter Property="Background" Value="{StaticResource BtnGhostBgBrush}"/> |
| 179 | + <Setter Property="Foreground" Value="{StaticResource BtnGhostFgBrush}"/> |
| 180 | + <Setter Property="BorderBrush" Value="{StaticResource MacroBorderSubtleBrush}"/> |
| 181 | + <Setter Property="BorderThickness" Value="1"/> |
| 182 | + </Style> |
| 183 | + |
| 184 | + <!-- Disabled state baseline for contrast/readability in dark shell --> |
| 185 | + <Style Selector="Button:disabled"> |
| 186 | + <Setter Property="Opacity" Value="0.62"/> |
| 187 | + <Setter Property="Background" Value="{StaticResource MacroBg1Brush}"/> |
| 188 | + <Setter Property="Foreground" Value="{StaticResource TextSecondaryBrush}"/> |
| 189 | + <Setter Property="BorderBrush" Value="{StaticResource MacroBorderSubtleBrush}"/> |
| 190 | + <Setter Property="BorderThickness" Value="1"/> |
| 191 | + </Style> |
| 192 | + |
| 193 | + <Style Selector="ToggleButton:disabled"> |
| 194 | + <Setter Property="Opacity" Value="0.62"/> |
| 195 | + <Setter Property="Foreground" Value="{StaticResource TextSecondaryBrush}"/> |
| 196 | + <Setter Property="BorderBrush" Value="{StaticResource MacroBorderSubtleBrush}"/> |
| 197 | + </Style> |
| 198 | + |
41 | 199 | <!-- ── Keyboard focus ring ─────────────────────────────────────────────── --> |
42 | 200 | <!-- Shown only when focused via keyboard (:focus-visible), not mouse click --> |
43 | 201 | <Style Selector="Button:focus-visible"> |
|
58 | 216 | <Setter Property="BorderThickness" Value="1"/> |
59 | 217 | </Style> |
60 | 218 |
|
| 219 | + <Style Selector="ToggleButton:focus-visible"> |
| 220 | + <Setter Property="BorderBrush" Value="{StaticResource BorderActiveBrush}"/> |
| 221 | + <Setter Property="BorderThickness" Value="1"/> |
| 222 | + </Style> |
| 223 | + |
61 | 224 | <!-- ── ScrollBar (minimal) ─────────────────────────────────────────────── --> |
62 | 225 | <Style Selector="ScrollBar"> |
63 | 226 | <Setter Property="Background" Value="Transparent"/> |
|
146 | 309 | <Setter Property="Background" Value="#252C3F"/> |
147 | 310 | </Style> |
148 | 311 |
|
| 312 | + <!-- ── Start Menu typography consistency ─────────────────────────────── --> |
| 313 | + <Style Selector="start|StartMenuControl TextBlock"> |
| 314 | + <Setter Property="FontFamily" Value="{StaticResource UIFont}"/> |
| 315 | + </Style> |
| 316 | + |
| 317 | + <Style Selector="start|RecentProjectCard TextBlock, start|TemplateCard TextBlock, start|ConnectionStatusCard TextBlock"> |
| 318 | + <Setter Property="FontFamily" Value="{StaticResource UIFont}"/> |
| 319 | + </Style> |
| 320 | + |
149 | 321 | </Styles> |
0 commit comments