|
596 | 596 |
|
597 | 597 | /* Button styles for cards */ |
598 | 598 | .card .btn { |
599 | | - background: var(--view-switcher-accent); |
| 599 | + background: var(--accent-shadow-color); |
600 | 600 | border: none; |
601 | 601 | cursor: pointer; |
602 | 602 | outline-offset: 4px; |
|
641 | 641 | justify-content: center; |
642 | 642 | padding: 0.25rem; |
643 | 643 | background-color: var(--headerbar-backdrop-color); |
644 | | - backdrop-filter: blur(12px); |
| 644 | + backdrop-filter: blur(10px); |
645 | 645 | z-index: 9999; |
646 | 646 | border-radius: var(--btnround); |
647 | 647 | box-shadow: |
|
904 | 904 | --accent-bg-color: oklch(0.66 0.18 273.13 / 1); |
905 | 905 | --accent-fg-color: oklch(0.96 0.01 264.53 / 1); |
906 | 906 | --view-switcher-accent: oklch(0.5 0.12 273.13); |
| 907 | + --accent-shadow-color: oklch(0.56 0.18 273.13 / 1); |
907 | 908 |
|
908 | 909 | /* Destructive Colors */ |
909 | 910 | --destructive-color: oklch(0.55 0.22 19.81 / 1); |
|
1048 | 1049 | --accent-bg-color: oklch(0.77 0.11 277.31 / 1); |
1049 | 1050 | --accent-fg-color: oklch(0.18 0.02 284.2 / 1); |
1050 | 1051 | --view-switcher-accent: oklch(0.77 0.11 273.31); |
| 1052 | + --accent-shadow-color: oklch(0.67 0.11 277.31 / 1); |
1051 | 1053 |
|
1052 | 1054 | /* Destructive Colors */ |
1053 | 1055 | --destructive-color: oklch(0.77 0.1 14.37 / 1); |
|
1162 | 1164 | @supports (color: AccentColor) { |
1163 | 1165 | :root { |
1164 | 1166 | --accent-bg-color: oklch(from AccentColor 0.66 0.18 h); |
| 1167 | + --accent-shadow-color: oklch(from AccentColor 0.56 0.18 h); |
1165 | 1168 | --window-bg-color: oklch(from AccentColor 0.96 0.01 h); |
1166 | 1169 | --card-bg-color: oklch(from AccentColor 0.93 0.01 h); |
1167 | | - --headerbar-backdrop-color: oklch(from AccentColor 0.96 0.01 h / 80%); |
| 1170 | + --headerbar-backdrop-color: oklch(from AccentColor 0.96 0.01 h / 70%); |
1168 | 1171 | --view-switcher-accent: oklch(from AccentColor 0.5 0.12 h); |
1169 | 1172 | } |
1170 | 1173 | @media (prefers-color-scheme: dark) { |
1171 | 1174 | :root { |
1172 | 1175 | --accent-bg-color: oklch(from AccentColor 0.77 0.11 h); |
| 1176 | + --accent-shadow-color: oklch(from AccentColor 0.67 0.11 h); |
1173 | 1177 | --window-bg-color: oklch(from AccentColor 0.24 0.03 h); |
1174 | 1178 | --card-bg-color: oklch(from AccentColor 0.32 0.03 h); |
1175 | | - --headerbar-backdrop-color: oklch(from AccentColor 0.24 0.03 h / 80%); |
| 1179 | + --headerbar-backdrop-color: oklch(from AccentColor 0.24 0.03 h / 70%); |
1176 | 1180 | --view-switcher-accent: oklch(from AccentColor 0.77 0.11 h); |
1177 | 1181 | } |
1178 | 1182 | } |
@@ -1447,7 +1451,7 @@ <h2 id="to-answer-the-question-in-the-title">To answer the question in the title |
1447 | 1451 | </p> |
1448 | 1452 | </footer> |
1449 | 1453 |
|
1450 | | - <!-- This page `/blog/simracing/` was built on 2025-07-10T14:00:53.896Z --> |
| 1454 | + <!-- This page `/blog/simracing/` was built on 2025-07-10T16:11:42.662Z --> |
1451 | 1455 | <script type="module" src="/linuxjava7.github.io/dist/xbxy_EL6cU.js"></script> |
1452 | 1456 | </body> |
1453 | 1457 | </html> |
0 commit comments