Skip to content

Commit bb1eaa4

Browse files
committed
Updated themes a bit.
1 parent 0a77376 commit bb1eaa4

File tree

5 files changed

+91
-4
lines changed

5 files changed

+91
-4
lines changed

zephyrcss/themes/default.css

Lines changed: 86 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,86 @@
1+
[data-theme="default"] {
2+
/* Base colors */
3+
--primary-color: #5D4E60;
4+
--secondary-color: #826C7F;
5+
--accent-color: #A88FAC;
6+
--neutral-color: #D4B2D8;
7+
8+
/* Semantic colors */
9+
--info-color: #17a2b8;
10+
--success-color: #2ECC71;
11+
--danger-color: #E74C3C;
12+
--warning-color: #F39C12;
13+
14+
/* Typography */
15+
--font-family-sans-serif: "Montserrat", "Helvetica Neue", Arial, sans-serif;
16+
--font-family-serif: "Merriweather", Georgia, serif;
17+
--font-family-monospace: "Fira Code", "Courier New", monospace;
18+
19+
/* Spacing */
20+
--spacing-none: 0;
21+
--spacing-extra-small: 5px;
22+
--spacing-small: 10px;
23+
--spacing-medium: 16px;
24+
--spacing-large: 20px;
25+
26+
/* Border */
27+
--border-radius: 5px;
28+
29+
/* Transitions */
30+
--transition-fast: 150ms ease-in-out;
31+
--transition-normal: 300ms ease-in-out;
32+
--transition-slow: 500ms ease-in-out;
33+
34+
/* Component-specific variables */
35+
--button-padding: 10px 20px;
36+
--button-border-radius: 5px;
37+
--button-font-size: 1em;
38+
39+
--card-padding: 16px;
40+
--card-border-radius: 8px;
41+
--card-header-font-size: 1.5em;
42+
--card-header-margin-bottom: 12px;
43+
--card-content-margin-top: 8px;
44+
--card-group-gap: 1rem;
45+
--card-min-width: 250px;
46+
--card-content-font-size: 1rem;
47+
48+
--input-margin: 10px 0;
49+
--input-padding: 10px;
50+
--input-border-radius: 4px;
51+
--input-font-size: 1rem;
52+
53+
--dropdown-padding: 10px;
54+
--dropdown-border-radius: 4px;
55+
--dropdown-font-size: 1rem;
56+
57+
--modal-border-radius: 10px;
58+
--modal-width: 300px;
59+
--modal-z-index: 1000;
60+
--modal-header-padding: 16px;
61+
--modal-header-font-size: 1.25em;
62+
--modal-body-padding: 16px;
63+
--modal-footer-padding: 16px;
64+
65+
--notification-padding: 16px;
66+
--notification-font-size: 1em;
67+
68+
/* Markdown Editor and Renderer Colors */
69+
--markdown-bg: #272822;
70+
--markdown-color: #F8F8F2;
71+
--markdown-keyword: #F92672;
72+
--markdown-string: #E6DB74;
73+
--markdown-number: #AE81FF;
74+
--markdown-function: #A6E22E;
75+
--markdown-comment: #75715E;
76+
--markdown-method: #66D9EF;
77+
--markdown-tag: #0000FF;
78+
--markdown-attribute: #FF0000;
79+
--markdown-at-rule: #AF00DB;
80+
--markdown-punctuation: #000000;
81+
--markdown-property: #FF0000;
82+
--markdown-value: #0000FF;
83+
--markdown-selector: #800000;
84+
--markdown-indentation: #CCCCCC;
85+
--markdown-text: var(--markdown-indentation);
86+
}

zephyrcss/themes/heaven-theme.css

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -3,7 +3,7 @@
33
--primary-color: #FFFFFF; /* Pure white */
44
--secondary-color: #E3F2FD; /* Light sky blue */
55
--accent-color: #90CAF9; /* Soft blue */
6-
--background-color: #E8F5E9; /* Light green */
6+
--background-color: #90CAF9; /* Light green */
77
--neutral-color: #C8E6C9; /* Soft green */
88
--secondary-color-light: #BBDEFB; /* Light blue */
99

@@ -18,7 +18,7 @@
1818
--warning-background: #FFF9C4; /* Light yellow */
1919

2020
/* Text colors */
21-
--light-text: #FFFFFF; /* White */
21+
--light-text: #90CAF9; /* White */
2222
--dark-text: #1E88E5; /* Bright blue */
2323

2424
/* Component-specific colors */

zephyrcss/themes/light-theme.css

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -18,7 +18,7 @@
1818
--warning-background: #FFF3CD; /* Light yellow for warning background */
1919

2020
/* Text colors */
21-
--light-text: #FFFFFF; /* White */
21+
--light-text: #D3D3D3; /* White */
2222
--dark-text: #212529; /* Dark gray for main text */
2323

2424
/* Component-specific colors */

zephyrcss/themes/minimalist-theme.css

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -18,7 +18,7 @@
1818
--warning-background: #FFF3CD; /* Light yellow */
1919

2020
/* Text colors */
21-
--light-text: #FFFFFF; /* White */
21+
--light-text: #C0C0C0; /* White */
2222
--dark-text: #000000; /* Black */
2323

2424
/* Component-specific colors */

zephyrtemplates/ZephyrCore.js

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -1,4 +1,5 @@
11
export const Themes = Object.freeze({
2+
DEFAULT: Symbol('default'),
23
COOL_WINTER: Symbol('cool-winter'),
34
DARK: Symbol('dark'),
45
ELEGANT: Symbol('elegant'),

0 commit comments

Comments
 (0)