@@ -23,6 +23,8 @@ |
| 23 | 23 | --accent-emphasis: #0969da; |
| 24 | 24 | --accent-subtle: #fff8c5; /* GitHub's "you-are-here" line highlight */ |
| 25 | 25 | --success-fg: #1a7f37; |
| 26 | + --success-emphasis: #1f883d; |
| 27 | + --success-emphasis-hover: #1a7f37; |
| 26 | 28 | --danger-fg: #cf222e; |
| 27 | 29 | --shithub-mark: var(--danger-fg); |
| 28 | 30 | } |
@@ -39,6 +41,8 @@ |
| 39 | 41 | --accent-emphasis: #1f6feb; |
| 40 | 42 | --accent-subtle: rgba(187, 128, 9, 0.15); /* dark-mode :target wash */ |
| 41 | 43 | --success-fg: #3fb950; |
| 44 | + --success-emphasis: #238636; |
| 45 | + --success-emphasis-hover: #2ea043; |
| 42 | 46 | --danger-fg: #f85149; |
| 43 | 47 | } |
| 44 | 48 | |
@@ -54,6 +58,8 @@ |
| 54 | 58 | --accent-emphasis: #409eff; |
| 55 | 59 | --accent-subtle: rgba(255, 215, 0, 0.25); |
| 56 | 60 | --success-fg: #4ed162; |
| 61 | + --success-emphasis: #2ea043; |
| 62 | + --success-emphasis-hover: #3fb950; |
| 57 | 63 | --danger-fg: #ff6a69; |
| 58 | 64 | } |
| 59 | 65 | |
@@ -286,10 +292,34 @@ code { |
| 286 | 292 | } |
| 287 | 293 | .shithub-button-primary { |
| 288 | 294 | color: #fff; |
| 289 | | - background: var(--accent-emphasis); |
| 295 | + background: var(--success-emphasis); |
| 296 | + border-color: var(--success-emphasis); |
| 297 | +} |
| 298 | +.shithub-button-primary:hover { |
| 299 | + text-decoration: none; |
| 300 | + background: var(--success-emphasis-hover); |
| 301 | + border-color: var(--success-emphasis-hover); |
| 302 | +} |
| 303 | + |
| 304 | +:where(input[type="text"], input[type="email"], input[type="password"], input[type="url"], input[type="search"], input[type="number"], textarea, select) { |
| 305 | + color: var(--fg-default); |
| 306 | + background: var(--canvas-default); |
| 307 | + border: 1px solid var(--border-default); |
| 308 | +} |
| 309 | +:where(input[type="text"], input[type="email"], input[type="password"], input[type="url"], input[type="search"], input[type="number"], textarea, select)::placeholder { |
| 310 | + color: var(--fg-muted); |
| 311 | + opacity: 1; |
| 312 | +} |
| 313 | +:where(input[type="text"], input[type="email"], input[type="password"], input[type="url"], input[type="search"], input[type="number"], textarea, select):focus { |
| 290 | 314 | border-color: var(--accent-emphasis); |
| 315 | + box-shadow: inset 0 0 0 1px var(--accent-emphasis); |
| 316 | + outline: none; |
| 317 | +} |
| 318 | +:where(input[type="text"], input[type="email"], input[type="password"], input[type="url"], input[type="search"], input[type="number"], textarea, select):disabled { |
| 319 | + color: var(--fg-muted); |
| 320 | + background: var(--canvas-subtle); |
| 321 | + cursor: not-allowed; |
| 291 | 322 | } |
| 292 | | -.shithub-button-primary:hover { text-decoration: none; opacity: 0.92; } |
| 293 | 323 | .shithub-icon-button { |
| 294 | 324 | display: inline-flex; |
| 295 | 325 | align-items: center; |
