Tobias/Fichero
1
0
Fork 1
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Add custom dark theme with Fichero brand blue accent

Browse Source 
Replace Bootstrap default dark grays and hardcoded colors with a
design-token system: surface levels, ink hierarchy, logo blue (#07addf)
as the single accent, mark-feed red for print indicators. Card browsers
get rounded corners, subtle borders, and hover-reveal action buttons.
This commit is contained in:
Hamza
2026-03-02 17:22:13 +01:00
parent fdbb25594e
commit f945a87c43
6 changed files with 272 additions and 19 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
web/src/components/LabelDesigner.svelte
View File

@@ -548,14 +548,14 @@
<style>
.canvas-wrapper {
border: 1px solid rgba(0, 0, 0, 0.4);
background-color: rgba(60, 55, 63, 0.5);
border: 1px solid var(--border-standard);
background-color: var(--surface-1);
}
.canvas-wrapper.print-start-left {
border-left: 2px solid #ff4646;
border-left: 2px solid var(--mark-feed);
}
.canvas-wrapper.print-start-top {
border-top: 2px solid #ff4646;
border-top: 2px solid var(--mark-feed);
}
.canvas-wrapper canvas {
image-rendering: pixelated;