an.tsouchlos/brittle
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Further theme edits

Browse Source
This commit is contained in:
Andreas Tsouchlos
2026-03-27 18:14:23 +01:00
parent 96eb19f1e3
commit 7f9d766ce0
1 changed files with 15 additions and 14 deletions
Download Patch File Download Diff File Expand all files Collapse all files

29
src-tauri/assets/viewer/index.html
View File

@@ -10,9 +10,9 @@
html, body { html, body {
height: 100%; height: 100%;
overflow: hidden; overflow: hidden;
background: #3a3a3a; background: #1d2021;
font-family: system-ui, -apple-system, sans-serif; font-family: system-ui, -apple-system, sans-serif;
color: #ccc; color: #ebdbb2;
} }
body { display: flex; flex-direction: column; } body { display: flex; flex-direction: column; }
@@ -20,17 +20,17 @@
#error-banner { #error-banner {
display: none; display: none;
flex-shrink: 0; flex-shrink: 0;
background: #5c1a1a; background: #fb4934;
color: #f99; color: #1d2021;
padding: 10px 20px; padding: 10px 20px;
font-size: 13px; font-size: 13px;
border-bottom: 1px solid #7a2222; border-bottom: 1px solid #cc241d;
} }
#toolbar { #toolbar {
flex-shrink: 0; flex-shrink: 0;
background: #252525; background: #282828;
border-bottom: 1px solid #444; border-bottom: 1px solid #504945;
padding: 5px 14px; padding: 5px 14px;
display: flex; display: flex;
align-items: center; align-items: center;
@@ -41,9 +41,9 @@
#zoom-controls { display: flex; align-items: center; gap: 6px; } #zoom-controls { display: flex; align-items: center; gap: 6px; }
button { button {
background: #3d3d3d; background: #3c3836;
color: #ccc; color: #ebdbb2;
border: 1px solid #555; border: 1px solid #504945;
border-radius: 4px; border-radius: 4px;
padding: 3px 10px; padding: 3px 10px;
cursor: pointer; cursor: pointer;
@@ -51,23 +51,23 @@
line-height: 1.4; line-height: 1.4;
min-width: 28px; min-width: 28px;
} }
button:hover { background: #4a4a4a; } button:hover { background: #504945; }
#zoom-label { #zoom-label {
min-width: 46px; min-width: 46px;
text-align: center; text-align: center;
font-size: 12px; font-size: 12px;
color: #bbb; color: #a89984;
} }
#page-indicator { #page-indicator {
color: #888; color: #a89984;
font-size: 12px; font-size: 12px;
} }
#status { #status {
margin-left: auto; margin-left: auto;
color: #888; color: #928374;
font-size: 12px; font-size: 12px;
} }
@@ -76,6 +76,7 @@
flex: 1; flex: 1;
overflow-y: auto; overflow-y: auto;
overflow-x: auto; overflow-x: auto;
background: #1d2021;
} }
/* Inner column that receives the CSS zoom for instant visual feedback. /* Inner column that receives the CSS zoom for instant visual feedback.