Refactor code for consistency and readability

- Standardized string quotes to double quotes across multiple files.
- Improved formatting and indentation for better readability.
- Added a function to format multiline text in tools rendering.
- Enhanced dropdown and action button handlers for better event management.
- Updated the theme application logic to initialize on page load.
- Refactored utility functions for consistency and clarity.
- Improved error handling and user feedback in download and share functionalities.
This commit is contained in:
Aaron Powell
2026-02-02 16:42:22 +11:00
parent cdb056e44f
commit a1da290d10
12 changed files with 1225 additions and 651 deletions

View File

@@ -24,6 +24,12 @@
--color-text: #e4e4ec;
--color-text-muted: #9090a8;
--color-text-emphasis: #ffffff;
--color-text-primary: var(--color-text);
--color-text-secondary: var(--color-text-muted);
--color-bg-primary: var(--color-bg);
--color-primary: var(--color-accent);
--color-purple-light: #C898FD;
--color-purple-dark: #43179E;
--color-link: #B870FF;
--color-link-hover: #C898FD;
--color-accent: #8534F3;
@@ -46,12 +52,14 @@
--border-radius-lg: 16px;
--border-radius-xl: 24px;
--shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.2), 0 2px 4px -2px rgba(0, 0, 0, 0.2);
--shadow-md: 0 12px 24px -10px rgba(0, 0, 0, 0.4);
--shadow-lg: 0 20px 40px -12px rgba(0, 0, 0, 0.5);
--shadow-glow: 0 0 40px -10px rgba(133, 52, 243, 0.5);
--transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
--transition-slow: 0.4s cubic-bezier(0.4, 0, 0.2, 1);
--container-width: 1200px;
--header-height: 72px;
--font-mono: 'Monaspace Argon NF', 'SFMono-Regular', Consolas, 'Liberation Mono', Menlo, Courier, monospace;
}
/* Light theme */
@@ -735,6 +743,17 @@ a:hover {
border-color: var(--color-border);
}
.btn-outline {
background: transparent;
color: var(--color-text);
border-color: var(--color-border);
}
.btn-outline:hover {
background: var(--color-bg-tertiary);
border-color: var(--color-link);
}
.btn-icon {
padding: 8px;
background: transparent;
@@ -1360,6 +1379,7 @@ a:hover {
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
line-clamp: 2;
-webkit-box-orient: vertical;
}