Tristan Michael
54836f14e7
Fix nested interactive elements in TaskItem (button inside button) by restructuring as div + button with aria-label. Replace native confirm() with ConfirmDialog for workspace removal. Store fs-changed event unlisten function for cleanup. Log file watcher errors instead of swallowing them. Fix var usage to const. Add Firefox scrollbar-width support.
71 lines
1.4 KiB
CSS
71 lines
1.4 KiB
CSS
@import "tailwindcss";
|
|
|
|
@custom-variant dark (&:where(.dark, .dark *));
|
|
|
|
@theme {
|
|
--color-primary: #2d87b8;
|
|
--color-primary-hover: #2474a0;
|
|
--color-surface-light: #ffffff;
|
|
--color-surface-dark: #242424;
|
|
--color-card-light: #f9fafb;
|
|
--color-card-dark: #303030;
|
|
--color-text-light: #1f2937;
|
|
--color-text-dark: #e5e7eb;
|
|
--color-text-secondary-light: #6b7280;
|
|
--color-text-secondary-dark: #9ca3af;
|
|
--color-border-light: #e5e7eb;
|
|
--color-border-dark: #3d3d3d;
|
|
--color-danger: #ef4444;
|
|
}
|
|
|
|
:root {
|
|
font-family: "Noto Sans", system-ui, -apple-system, sans-serif;
|
|
-webkit-font-smoothing: antialiased;
|
|
-moz-osx-font-smoothing: grayscale;
|
|
}
|
|
|
|
html {
|
|
background: transparent;
|
|
}
|
|
|
|
body {
|
|
margin: 0;
|
|
overflow: hidden;
|
|
user-select: none;
|
|
-webkit-user-select: none;
|
|
background: transparent;
|
|
}
|
|
|
|
.linux-window-border {
|
|
border: 1px solid rgba(0, 0, 0, 0.15);
|
|
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.25), 0 0 2px rgba(0, 0, 0, 0.1);
|
|
}
|
|
.dark .linux-window-border {
|
|
border-color: rgba(255, 255, 255, 0.15);
|
|
}
|
|
|
|
/* Scrollbar styling */
|
|
* {
|
|
scrollbar-width: thin;
|
|
scrollbar-color: #d1d5db transparent;
|
|
}
|
|
.dark * {
|
|
scrollbar-color: #4b5563 transparent;
|
|
}
|
|
::-webkit-scrollbar {
|
|
width: 4px;
|
|
}
|
|
::-webkit-scrollbar-thumb {
|
|
background: #d1d5db;
|
|
border-radius: 2px;
|
|
}
|
|
.dark ::-webkit-scrollbar-thumb {
|
|
background: #4b5563;
|
|
}
|
|
|
|
/* Select dropdown theming */
|
|
.dark select option {
|
|
background-color: #242424;
|
|
color: #e5e7eb;
|
|
}
|