projectflow — gitlawb

repository

loading code, commits, and activity

repositories

loading repo index

#1	@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=JetBrains+Mono:wght@400;500&display=swap');
#2
#3	@tailwind base;
#4	@tailwind components;
#5	@tailwind utilities;
#6
#7	@layer base {
#8	:root {
#9	color-scheme: light;
#10
#11	/* Surface */
#12	--surface: #ffffff;
#13	--surface-1: #fafafa;
#14	--surface-2: #f4f4f5;
#15	--surface-3: #e4e4e7;
#16	--surface-4: #d4d4d8;
#17
#18	/* Border */
#19	--border: #e4e4e7;
#20	--border-subtle: #f4f4f5;
#21	--border-strong: #a1a1aa;
#22
#23	/* Zinc (inverted for light backgrounds) */
#24	--zinc-50: #18181b;
#25	--zinc-100: #18181b;
#26	--zinc-200: #27272a;
#27	--zinc-300: #3f3f46;
#28	--zinc-400: #52525b;
#29	--zinc-500: #71717a;
#30	--zinc-600: #a1a1aa;
#31	--zinc-700: #d4d4d8;
#32	--zinc-800: #e4e4e7;
#33	--zinc-900: #f4f4f5;
#34	--zinc-950: #fafafa;
#35
#36	/* Shadows */
#37	--shadow-color: 0 0% 0%;
#38	--shadow-opacity: 0.08;
#39	}
#40
#41	.dark {
#42	color-scheme: dark;
#43
#44	--surface: #09090b;
#45	--surface-1: #111113;
#46	--surface-2: #18181b;
#47	--surface-3: #1f1f23;
#48	--surface-4: #27272a;
#49
#50	--border: #27272a;
#51	--border-subtle: #1f1f23;
#52	--border-strong: #3f3f46;
#53
#54	/* Zinc (standard dark scale) */
#55	--zinc-50: #fafafa;
#56	--zinc-100: #f4f4f5;
#57	--zinc-200: #e4e4e7;
#58	--zinc-300: #d4d4d8;
#59	--zinc-400: #a1a1aa;
#60	--zinc-500: #71717a;
#61	--zinc-600: #52525b;
#62	--zinc-700: #3f3f46;
#63	--zinc-800: #27272a;
#64	--zinc-900: #18181b;
#65	--zinc-950: #09090b;
#66
#67	--shadow-color: 0 0% 0%;
#68	--shadow-opacity: 0.3;
#69	}
#70
#71	* {
#72	@apply border-border;
#73	}
#74
#75	html, body, #root {
#76	@apply bg-surface text-zinc-100 antialiased;
#77	font-feature-settings: "cv02", "cv03", "cv04", "cv11";
#78	}
#79
#80	::selection {
#81	@apply bg-accent/30 text-white;
#82	}
#83
#84	::-webkit-scrollbar {
#85	width: 6px;
#86	height: 6px;
#87	}
#88
#89	::-webkit-scrollbar-track {
#90	background: transparent;
#91	}
#92
#93	::-webkit-scrollbar-thumb {
#94	@apply bg-zinc-700 rounded-full;
#95	opacity: 0.5;
#96	}
#97
#98	::-webkit-scrollbar-thumb:hover {
#99	@apply bg-zinc-600;
#100	opacity: 0.5;
#101	}
#102
#103	input, textarea, select {
#104	@apply bg-transparent;
#105	}
#106
#107	input::placeholder, textarea::placeholder {
#108	@apply text-zinc-500;
#109	}
#110	}
#111
#112	@layer components {
#113	.btn {
#114	@apply inline-flex items-center justify-center gap-2 rounded-lg px-3.5 py-2 text-sm font-medium transition-all duration-150 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-accent/50 disabled:opacity-50 disabled:pointer-events-none active:scale-[0.98];
#115	}
#116
#117	.btn-primary {
#118	@apply btn bg-accent text-white hover:bg-accent-hover;
#119	box-shadow: 0 4px 14px 0 rgba(99,102,241,0.25);
#120	}
#121
#122	.btn-secondary {
#123	@apply btn bg-surface-3 text-zinc-200 hover:bg-surface-4 border border-border;
#124	}
#125
#126	.btn-ghost {
#127	@apply btn text-zinc-400 hover:text-zinc-200 hover:bg-surface-3;
#128	}
#129
#130	.btn-danger {
#131	@apply btn bg-danger/10 text-danger hover:bg-danger/20 border border-danger/20;
#132	}
#133
#134	.input {
#135	@apply w-full rounded-lg border border-border bg-surface-2 px-3.5 py-2.5 text-sm text-zinc-100 placeholder:text-zinc-500 focus:outline-none focus:ring-2 focus:ring-accent/40 focus:border-accent/40 transition-all;
#136	}
#137
#138	.textarea {
#139	@apply input resize-none min-h-[100px];
#140	}
#141
#142	.card {
#143	@apply rounded-xl border border-border bg-surface-1 p-5;
#144	}
#145
#146	.badge {
#147	@apply inline-flex items-center gap-1 rounded-full px-2.5 py-0.5 text-xs font-medium;
#148	}
#149
#150	.kbd {
#151	@apply inline-flex items-center justify-center min-w-[1.25rem] h-5 px-1.5 rounded bg-surface-3 border border-border text-2xs font-mono text-zinc-400;
#152	}
#153
#154	.sidebar-item {
#155	@apply flex items-center gap-3 px-3 py-2 rounded-lg text-sm text-zinc-400 hover:text-zinc-200 hover:bg-surface-3 transition-all cursor-pointer;
#156	}
#157
#158	.sidebar-item.active {
#159	@apply bg-surface-3 text-zinc-100;
#160	}
#161
#162	.page-header {
#163	@apply flex items-center justify-between mb-6;
#164	}
#165
#166	.page-title {
#167	@apply text-xl font-semibold text-zinc-100 tracking-tight;
#168	}
#169
#170	.divider {
#171	@apply border-t border-border;
#172	}
#173
#174	.glass {
#175	@apply backdrop-blur-xl;
#176	background-color: rgba(24, 24, 27, 0.8);
#177	}
#178
#179	.priority-urgent {
#180	@apply text-red-400 bg-red-500/10;
#181	}
#182	.priority-high {
#183	@apply text-orange-400 bg-orange-500/10;
#184	}
#185	.priority-medium {
#186	@apply text-yellow-400 bg-yellow-500/10;
#187	}
#188	.priority-low {
#189	@apply text-blue-400 bg-blue-500/10;
#190	}
#191	.priority-none {
#192	@apply text-zinc-500;
#193	background-color: rgba(113, 113, 122, 0.1);
#194	}
#195
#196	.status-backlog {
#197	@apply text-zinc-400;
#198	background-color: rgba(113, 113, 122, 0.1);
#199	}
#200	.status-todo {
#201	@apply text-zinc-300;
#202	background-color: rgba(113, 113, 122, 0.15);
#203	}
#204	.status-in-progress {
#205	@apply text-yellow-400 bg-yellow-500/10;
#206	}
#207	.status-in-review {
#208	@apply text-purple-400 bg-purple-500/10;
#209	}
#210	.status-done {
#211	@apply text-green-400 bg-green-500/10;
#212	}
#213	.status-cancelled {
#214	@apply text-red-400 bg-red-500/10;
#215	}
#216	}
#217
#218	@layer utilities {
#219	.text-balance {
#220	text-wrap: balance;
#221	}
#222
#223	.no-scrollbar::-webkit-scrollbar {
#224	display: none;
#225	}
#226	.no-scrollbar {
#227	-ms-overflow-style: none;
#228	scrollbar-width: none;
#229	}
#230	}
#231

z6Mkfh4Y/projectflow