Skip to content

Commit cdc884d

Browse files
authored
Update admonitions colors (#86)
## Description Update admonitions colors ### Type of change - [ ] Bug fix (non-breaking change which fixes an issue) - [ ] New feature (non-breaking change which adds functionality) - [ ] Breaking change (fix or feature that would cause existing functionality to not work as expected) - [x] Documentation update (improves or adds clarity to existing documentation) ### Checklist - [x] I have performed a self-review of my code - [x] I have commented my code, particularly in hard-to-understand areas - [x] I have updated the documentation accordingly - [x] My changes generate no new warnings
1 parent 627923b commit cdc884d

File tree

1 file changed

+49
-24
lines changed

1 file changed

+49
-24
lines changed

docs/src/css/colors.css

+49-24
Original file line numberDiff line numberDiff line change
@@ -95,6 +95,31 @@
9595
--swm-cornflower-20: #E6EFFF;
9696
--swm-cornflower-0: #F7FAFF;
9797

98+
/* Admonitions colors */
99+
--swm-admonition-light-cornflower: #F4F5FC;
100+
--swm-admonition-light-green: #EFF6F0;
101+
--swm-admonition-light-red: #FAF2F2;
102+
--swm-admonition-light-blue: #EBF4F7;
103+
--swm-admonition-light-yellow: #FAF5EF;
104+
105+
--swm-admonition-light-cornflower-shadow: #4B6CF4;
106+
--swm-admonition-light-green-shadow: #10A05A;
107+
--swm-admonition-light-red-shadow: #DC5153;
108+
--swm-admonition-light-blue-shadow: #2AAFCD;
109+
--swm-admonition-light-yellow-shadow: #C79C03;
110+
111+
--swm-admonition-dark-cornflower: #425FD8;
112+
--swm-admonition-dark-green: #0F8C4F;
113+
--swm-admonition-dark-red: #C24C4E;
114+
--swm-admonition-dark-blue: #269CB7;
115+
--swm-admonition-dark-yellow: #B18B04;
116+
117+
--swm-admonition-dark-cornflower-shadow: #324387;
118+
--swm-admonition-dark-green-shadow: #195943;
119+
--swm-admonition-dark-red-shadow: #723942;
120+
--swm-admonition-dark-blue-shadow: #246177;
121+
--swm-admonition-dark-yellow-shadow: #6A591D;
122+
98123
/* Black & White palette, mainly for background settings */
99124
--swm-off-white: #f8f9ff;
100125
--swm-white: #fcfcff;
@@ -154,17 +179,17 @@
154179
--swm-details-background: var(--swm-cornflower-100);
155180

156181
/* Admonitions */
157-
--swm-admonition-color-secondary: var(--swm-navy-light-10);
158-
--swm-admonition-color-success: var(--swm-green-light-20);
159-
--swm-admonition-color-danger: var(--swm-red-light-20);
160-
--swm-admonition-color-info: var(--swm-cornflower-20);
161-
--swm-admonition-color-caution: var(--swm-yellow-light-20);
162-
163-
--swm-admonition-color-secondary-shadow: var(--swm-navy-light-80);
164-
--swm-admonition-color-success-shadow: var(--swm-green-light-100);
165-
--swm-admonition-color-danger-shadow: var(--swm-red-light-100);
166-
--swm-admonition-color-info-shadow: var(--swm-cornflower-100);
167-
--swm-admonition-color-caution-shadow: var(--swm-yellow-light-100);
182+
--swm-admonition-color-secondary: var(--swm-admonition-light-cornflower);
183+
--swm-admonition-color-success: var(--swm-admonition-light-green);
184+
--swm-admonition-color-danger: var(--swm-admonition-light-red);
185+
--swm-admonition-color-info: var(--swm-admonition-light-blue);
186+
--swm-admonition-color-caution: var(--swm-admonition-light-yellow);
187+
188+
--swm-admonition-color-secondary-shadow: var(--swm-admonition-light-cornflower-shadow);
189+
--swm-admonition-color-success-shadow: var(--swm-admonition-light-green-shadow);
190+
--swm-admonition-color-danger-shadow: var(--swm-admonition-light-red-shadow);
191+
--swm-admonition-color-info-shadow: var(--swm-admonition-light-blue-shadow);
192+
--swm-admonition-color-caution-shadow: var(--swm-admonition-light-yellow-shadow);
168193

169194
/* Details */
170195
--swm-details-color: var(--swm-navy-light-100);
@@ -337,21 +362,21 @@
337362
--swm-hire-us-toc-border-hover: var(--swm-navy-light-40);
338363

339364
/* Details section */
340-
--swm-details-foreground: var(--swm-cornflower-120);
341-
--swm-details-background: var(--swm-cornflower-140);
365+
--swm-details-foreground: var(--swm-cornflower-100);
366+
--swm-details-background: var(--swm-cornflower-120);
342367

343368
/* Admonitions */
344-
--swm-admonition-color-secondary: var(--swm-navy-dark-70);
345-
--swm-admonition-color-success: var(--swm-green-dark-120);
346-
--swm-admonition-color-danger: var(--swm-red-dark-120);
347-
--swm-admonition-color-info: var(--swm-cornflower-120);
348-
--swm-admonition-color-caution: var(--swm-yellow-dark-120);
349-
350-
--swm-admonition-color-secondary-shadow: var(--swm-navy-dark-100);
351-
--swm-admonition-color-success-shadow: var(--swm-green-dark-140);
352-
--swm-admonition-color-danger-shadow: var(--swm-red-dark-140);
353-
--swm-admonition-color-info-shadow: var(--swm-cornflower-140);
354-
--swm-admonition-color-caution-shadow: var(--swm-yellow-dark-140);
369+
--swm-admonition-color-secondary: var(--swm-admonition-dark-cornflower);
370+
--swm-admonition-color-success: var(--swm-admonition-dark-green);
371+
--swm-admonition-color-danger: var(--swm-admonition-dark-red);
372+
--swm-admonition-color-info: var(--swm-admonition-dark-blue);
373+
--swm-admonition-color-caution: var(--swm-admonition-dark-yellow);
374+
375+
--swm-admonition-color-secondary-shadow: var(--swm-admonition-dark-cornflower-shadow);
376+
--swm-admonition-color-success-shadow: var(--swm-admonition-dark-green-shadow);
377+
--swm-admonition-color-danger-shadow: var(--swm-admonition-dark-red-shadow);
378+
--swm-admonition-color-info-shadow: var(--swm-admonition-dark-blue-shadow);
379+
--swm-admonition-color-caution-shadow: var(--swm-admonition-dark-yellow-shadow);
355380

356381
/* Details */
357382
--swm-details-color: var(--swm-off-white);

0 commit comments

Comments
 (0)