fix: resolve background grid hardcoded colours and stray inline hex values
This commit is contained in:
parent
76ec8f9bb5
commit
4a2c28e252
1 changed files with 6 additions and 6 deletions
|
|
@ -10,7 +10,7 @@
|
||||||
margin: 0 !important;
|
margin: 0 !important;
|
||||||
padding: 0 !important;
|
padding: 0 !important;
|
||||||
font-family: 'Fira Code', 'Fira Sans', Arial, sans-serif !important;
|
font-family: 'Fira Code', 'Fira Sans', Arial, sans-serif !important;
|
||||||
background: var(--bg, white) !important;
|
background: var(--bg) !important;
|
||||||
overflow: hidden !important;
|
overflow: hidden !important;
|
||||||
height: 100% !important;
|
height: 100% !important;
|
||||||
width: 100% !important;
|
width: 100% !important;
|
||||||
|
|
@ -25,7 +25,7 @@
|
||||||
position: absolute;
|
position: absolute;
|
||||||
inset: 0;
|
inset: 0;
|
||||||
z-index: 1000;
|
z-index: 1000;
|
||||||
background: var(--bg, white);
|
background: var(--bg);
|
||||||
}
|
}
|
||||||
|
|
||||||
/* Left Sidebar */
|
/* Left Sidebar */
|
||||||
|
|
@ -134,7 +134,7 @@
|
||||||
display: flex;
|
display: flex;
|
||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
overflow: hidden;
|
overflow: hidden;
|
||||||
background: var(--bg, white);
|
background: var(--bg);
|
||||||
position: relative;
|
position: relative;
|
||||||
z-index: 10;
|
z-index: 10;
|
||||||
}
|
}
|
||||||
|
|
@ -160,7 +160,7 @@
|
||||||
|
|
||||||
/* Interactive Desktop Icons triggering HTMX */
|
/* Interactive Desktop Icons triggering HTMX */
|
||||||
.desktop-icon {
|
.desktop-icon {
|
||||||
background: var(--bg, white);
|
background: var(--bg);
|
||||||
border: 1px solid var(--border, #f0f1f2);
|
border: 1px solid var(--border, #f0f1f2);
|
||||||
border-radius: 8px;
|
border-radius: 8px;
|
||||||
height: 67px;
|
height: 67px;
|
||||||
|
|
@ -201,7 +201,7 @@
|
||||||
.bg-grid {
|
.bg-grid {
|
||||||
position: absolute;
|
position: absolute;
|
||||||
inset: 0;
|
inset: 0;
|
||||||
background-image: linear-gradient(to right, var(--surface-hover, #f0fdf4) 1px, transparent 1px), linear-gradient(to bottom, var(--surface-hover, #f0fdf4) 1px, transparent 1px);
|
background-image: linear-gradient(to right, var(--border) 1px, transparent 1px), linear-gradient(to bottom, var(--border) 1px, transparent 1px);
|
||||||
background-size: 40px 40px;
|
background-size: 40px 40px;
|
||||||
z-index: 0;
|
z-index: 0;
|
||||||
pointer-events: none;
|
pointer-events: none;
|
||||||
|
|
@ -235,7 +235,7 @@
|
||||||
/* Bottom Taskbar */
|
/* Bottom Taskbar */
|
||||||
.toolbar {
|
.toolbar {
|
||||||
height: 50px;
|
height: 50px;
|
||||||
background: var(--bg, white);
|
background: var(--bg);
|
||||||
border-top: 1px solid var(--border, #f0f1f2);
|
border-top: 1px solid var(--border, #f0f1f2);
|
||||||
display: flex;
|
display: flex;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
|
|
|
||||||
Loading…
Add table
Reference in a new issue