gkucmierz/nonograms
1
0
Fork 0
Code Issues Pull Requests Actions 2 Packages Projects Releases Wiki Activity

fix: update guide panel colors to be readable in light mode

Browse Source
This commit is contained in:
Grzegorz Kucmierz
2026-02-10 21:00:21 +01:00
parent a7f45f9d70
commit 7f89c85d9d
1 changed files with 4 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

7
src/components/GuidePanel.vue
View File

@@ -35,8 +35,8 @@ const { t } = useI18n();
<style scoped> <style scoped>
.guide-panel { .guide-panel {
background: rgba(0, 0, 0, 0.25); background: var(--panel-bg);
border: 1px solid rgba(0, 242, 254, 0.3); border: 1px solid var(--panel-border);
border-radius: 12px; border-radius: 12px;
padding: 15px; padding: 15px;
margin-bottom: 20px; margin-bottom: 20px;
@@ -46,6 +46,7 @@ const { t } = useI18n();
flex-direction: column; flex-direction: column;
align-items: center; align-items: center;
backdrop-filter: blur(5px); backdrop-filter: blur(5px);
box-shadow: var(--panel-shadow);
} }
.status-text { .status-text {
@@ -53,7 +54,7 @@ const { t } = useI18n();
text-align: center; text-align: center;
margin-bottom: 10px; margin-bottom: 10px;
font-size: 0.9rem; font-size: 0.9rem;
color: #ccc; color: var(--text-muted);
min-height: 20px; min-height: 20px;
font-style: italic; font-style: italic;
} }