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+ }
0 commit comments