Match FAQ style to Version History (dark bg, light text)

More consistent and easier to read.

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
This commit is contained in:
b1rdmania
2025-12-30 11:14:30 +00:00
parent 996bd6b3f9
commit e22ec74a14
+9 -6
View File
@@ -305,7 +305,7 @@
} }
.modal main { .modal main {
padding: 16px; padding: 16px;
background: var(--gb-lightest); background: var(--gb-dark);
overflow-y: auto; overflow-y: auto;
flex: 1; flex: 1;
-webkit-overflow-scrolling: touch; -webkit-overflow-scrolling: touch;
@@ -316,24 +316,27 @@
gap: 10px; gap: 10px;
} }
.faq-item { .faq-item {
border: 2px solid var(--gb-dark); border: 2px solid var(--gb-medium);
padding: 10px; padding: 10px;
background: var(--color-surface); background: var(--gb-darkest);
} }
.faq-item h4 { .faq-item h4 {
margin: 0 0 6px 0; margin: 0 0 6px 0;
font-size: 8px; font-size: 8px;
color: var(--gb-darkest); color: var(--gb-lightest);
} }
.faq-item p { .faq-item p {
margin: 0; margin: 0;
color: var(--gb-dark); color: var(--gb-light);
font-size: 8px; font-size: 8px;
line-height: 1.8; line-height: 1.8;
} }
.faq-item a {
color: var(--gb-lightest);
}
.faq-item code { .faq-item code {
font-size: 8px; font-size: 8px;
color: var(--gb-darkest); color: var(--gb-lightest);
} }
.controls { .controls {
margin: calc(var(--spacing-unit) * 3) 0 calc(var(--spacing-unit) * 2) 0; margin: calc(var(--spacing-unit) * 3) 0 calc(var(--spacing-unit) * 2) 0;