mirror of
https://github.com/Memo-2023/mana-monorepo.git
synced 2026-05-22 07:26:42 +02:00
61d181fbc2
Move inactive projects out of active workspace: - bauntown (community website) - maerchenzauber (AI story generation) - memoro (voice memo app) - news (news aggregation) - nutriphi (nutrition tracking) - reader (reading app) - uload (URL shortener) - wisekeep (AI wisdom extraction) Update CLAUDE.md documentation: - Add presi to active projects - Document archived projects section - Update workspace configuration Archived apps can be re-activated by moving back to apps/ 🤖 Generated with [Claude Code](https://claude.com/claude-code) Co-Authored-By: Claude <noreply@anthropic.com>
103 lines
2.2 KiB
CSS
103 lines
2.2 KiB
CSS
@tailwind base;
|
|
@tailwind components;
|
|
@tailwind utilities;
|
|
|
|
/* Nutriphi Theme CSS Variables - Fresh Green */
|
|
:root {
|
|
/* Primary colors - Nutriphi Green */
|
|
--color-primary: #22c55e;
|
|
--color-primary-hover: #16a34a;
|
|
--color-primary-glow: rgba(34, 197, 94, 0.3);
|
|
|
|
/* Text colors */
|
|
--color-text-primary: #f9fafb;
|
|
--color-text-secondary: #d1d5db;
|
|
--color-text-muted: #6b7280;
|
|
|
|
/* Background colors */
|
|
--color-background-page: #052e16;
|
|
--color-background-card: #14532d;
|
|
--color-background-card-hover: #166534;
|
|
|
|
/* Border colors */
|
|
--color-border: #166534;
|
|
--color-border-hover: #15803d;
|
|
}
|
|
|
|
/* Base styles */
|
|
html {
|
|
scroll-behavior: smooth;
|
|
}
|
|
|
|
body {
|
|
font-family: 'Inter', system-ui, sans-serif;
|
|
background-color: var(--color-background-page);
|
|
color: var(--color-text-primary);
|
|
line-height: 1.6;
|
|
}
|
|
|
|
/* Custom scrollbar */
|
|
::-webkit-scrollbar {
|
|
width: 8px;
|
|
height: 8px;
|
|
}
|
|
|
|
::-webkit-scrollbar-track {
|
|
background: var(--color-background-card);
|
|
}
|
|
|
|
::-webkit-scrollbar-thumb {
|
|
background: var(--color-border);
|
|
border-radius: 4px;
|
|
}
|
|
|
|
::-webkit-scrollbar-thumb:hover {
|
|
background: var(--color-border-hover);
|
|
}
|
|
|
|
/* Selection */
|
|
::selection {
|
|
background-color: var(--color-primary);
|
|
color: white;
|
|
}
|
|
|
|
/* Focus styles */
|
|
:focus-visible {
|
|
outline: 2px solid var(--color-primary);
|
|
outline-offset: 2px;
|
|
}
|
|
|
|
/* Gradient text */
|
|
.text-gradient {
|
|
background: linear-gradient(135deg, #22c55e 0%, #4ade80 100%);
|
|
-webkit-background-clip: text;
|
|
-webkit-text-fill-color: transparent;
|
|
background-clip: text;
|
|
}
|
|
|
|
/* Animation utilities */
|
|
@keyframes fadeIn {
|
|
from {
|
|
opacity: 0;
|
|
transform: translateY(20px);
|
|
}
|
|
to {
|
|
opacity: 1;
|
|
transform: translateY(0);
|
|
}
|
|
}
|
|
|
|
.animate-fadeIn {
|
|
animation: fadeIn 0.6s ease-out forwards;
|
|
}
|
|
|
|
/* Button styles */
|
|
.btn-primary {
|
|
@apply inline-flex items-center justify-center px-6 py-3 bg-primary text-white font-semibold rounded-lg transition-all duration-200;
|
|
@apply hover:bg-primary-hover hover:shadow-lg hover:shadow-primary-glow;
|
|
}
|
|
|
|
.btn-secondary {
|
|
@apply inline-flex items-center justify-center px-6 py-3 border border-border text-text-primary font-semibold rounded-lg transition-all duration-200;
|
|
@apply hover:border-border-hover hover:bg-background-card;
|
|
}
|