tony/bzzz
1
0
Fork 0
Code Issues 6 Pull Requests Actions Packages Projects Releases Wiki Activity

Update Chorus branding and configuration UI improvements

Browse Source 
- Updated branding transformation documentation
- Enhanced config UI layout and styling with Tailwind config updates
- Modified web embed integration for improved component packaging
- Added Next.js build artifacts to .gitignore for cleaner repository

🤖 Generated with [Claude Code](https://claude.ai/code)

Co-Authored-By: Claude <noreply@anthropic.com>
This commit is contained in:
anthonyrawlins
2025-08-26 23:41:17 +10:00
parent 82036bdd5a
commit c2dfaba4a6
8 changed files with 302 additions and 57 deletions
Download Patch File Download Diff File Expand all files Collapse all files

37
install/config-ui/app/globals.css
View File

@@ -8,8 +8,7 @@
}
body {
background-color: theme('colors.chorus-paper');
color: theme('colors.chorus-text-primary');
@apply bg-chorus-paper text-chorus-text-primary transition-colors duration-200;
}
}
@@ -28,40 +27,40 @@
}
.btn-text {
@apply bg-transparent text-chorus-secondary hover:text-chorus-primary font-medium py-2 px-0 border-none transition-colors duration-200;
@apply bg-transparent text-chorus-secondary hover:text-white font-medium py-2 px-0 border-none transition-colors duration-200;
}
/* Clean Card System */
.card {
@apply bg-white border border-chorus-border-invisible p-8 rounded-lg;
@apply bg-white dark:bg-gray-900 border border-gray-200 dark:border-gray-700 p-8 rounded-lg transition-colors duration-200;
}
.card-elevated {
@apply bg-chorus-warm border border-chorus-border-subtle p-8 rounded-lg;
@apply bg-gray-50 dark:bg-gray-800 border border-gray-100 dark:border-gray-600 p-8 rounded-lg transition-colors duration-200;
}
/* Form Elements */
.input-field {
@apply block w-full border border-chorus-border-defined p-3 rounded-sm focus:border-chorus-primary focus:outline-none transition-colors duration-200 bg-white;
@apply block w-full border border-gray-300 dark:border-gray-600 p-3 rounded-sm focus:border-chorus-secondary focus:outline-none transition-colors duration-200 bg-white dark:bg-gray-800 text-gray-900 dark:text-gray-100;
}
.input-field:focus {
@apply border-chorus-primary ring-0;
@apply border-chorus-secondary ring-0;
}
.label {
@apply block text-sm font-medium text-chorus-text-primary mb-2;
@apply block text-sm font-medium text-gray-900 dark:text-gray-100 mb-2;
}
.error-text {
@apply text-red-600 text-sm mt-1;
@apply text-red-400 text-sm mt-1;
}
.success-text {
@apply text-chorus-secondary text-sm mt-1;
@apply text-green-400 text-sm mt-1;
}
/* Minimalist Status System */
/* Status System */
.status-indicator {
@apply text-xs font-medium;
}
@@ -84,11 +83,11 @@
}
.progress-step-current {
@apply border-chorus-primary bg-chorus-primary bg-opacity-5 text-chorus-primary;
@apply border-chorus-secondary bg-chorus-secondary bg-opacity-20 text-chorus-secondary;
}
.progress-step-completed {
@apply border-chorus-secondary bg-chorus-secondary bg-opacity-5 text-chorus-secondary;
@apply border-chorus-secondary bg-chorus-secondary bg-opacity-10 text-chorus-secondary;
}
.progress-step-accessible {
@@ -101,26 +100,26 @@
/* Typography Hierarchy */
.heading-hero {
@apply text-3xl font-semibold text-chorus-text-primary tracking-tight;
@apply text-3xl font-semibold text-gray-900 dark:text-gray-100 tracking-tight;
}
.heading-section {
@apply text-2xl font-semibold text-chorus-text-primary;
@apply text-2xl font-semibold text-gray-900 dark:text-gray-100;
}
.heading-subsection {
@apply text-lg font-medium text-chorus-text-primary;
@apply text-lg font-medium text-gray-100 dark:text-gray-200;
}
.text-body {
@apply text-base text-chorus-text-secondary leading-relaxed;
@apply text-base text-gray-700 dark:text-gray-300 leading-relaxed;
}
.text-small {
@apply text-sm text-chorus-text-tertiary;
@apply text-sm text-gray-600 dark:text-gray-400;
}
.text-ghost {
@apply text-sm text-chorus-text-ghost;
@apply text-sm text-gray-500 dark:text-gray-500;
}
}