flightsimulatorplatfrom/OpenSquawk
1
0
Fork 0
mirror of https://github.com/OpenSquawk/OpenSquawk synced 2026-08-05 00:46:00 +08:00
Code Issues Packages Projects Releases Wiki Activity

Align Learn intro buttons with shared Learn styling

Browse Source
This commit is contained in:
Remi
2025-09-22 18:19:41 +02:00
parent 839795f6a3
commit e9f2f1a15a
4 changed files with 993 additions and 39 deletions
Download Patch File Download Diff File Expand all files Collapse all files

39
app/assets/css/learn-theme.css Normal file
View File

@@ -0,0 +1,39 @@
/* Shared Learn surface styling */
.learn-theme .btn {
display: inline-flex;
align-items: center;
gap: 8px;
padding: 10px 14px;
border: 1px solid var(--border);
background: color-mix(in srgb, var(--text) 6%, transparent);
color: var(--text);
font-weight: 600;
text-decoration: none;
}
.learn-theme .btn:hover {
background: color-mix(in srgb, var(--text) 10%, transparent);
}
.learn-theme .btn.primary {
background: linear-gradient(
180deg,
color-mix(in srgb, var(--accent) 90%, transparent),
color-mix(in srgb, var(--accent) 70%, transparent)
);
color: #061318;
border-color: color-mix(in srgb, var(--accent) 60%, transparent);
}
.learn-theme .btn.soft {
background: color-mix(in srgb, var(--text) 8%, transparent);
}
.learn-theme .btn.ghost {
background: transparent;
}
.learn-theme .btn.mini {
padding: 6px 10px;
font-size: 12px;
}