Skip to content

Commit b587af3

Browse files
docs: change accent color to blue (#2795)
This PR changes the main accent color in the docs from 💜 to 💙 . This change is important as a future SWM React Native product will use green as it's primary/accent color in the documentation 😉 - reanimated - 💜 - gesture handler - 💙 - 🤫 - 💚 ### before ![image](https://github.com/software-mansion/react-native-gesture-handler/assets/39658211/85439d17-c563-4453-981e-6e173895c85b) ### after ![image](https://github.com/software-mansion/react-native-gesture-handler/assets/39658211/ea054a0c-070a-4f5c-98bb-44a6e0521f2e)
1 parent fe60b22 commit b587af3

File tree

1 file changed

+37
-37
lines changed

1 file changed

+37
-37
lines changed

docs/src/css/colors.css

Lines changed: 37 additions & 37 deletions
Original file line numberDiff line numberDiff line change
@@ -41,7 +41,7 @@
4141
--swm-blue-dark-120: #126893;
4242
--swm-blue-dark-100: #00a9f0;
4343
--swm-blue-dark-80: #6fcef5;
44-
--swm-blue-dark-60: #00a9f0;
44+
--swm-blue-dark-60: #a8dbf0;
4545
--swm-blue-dark-40: #d7f0fa;
4646

4747
--swm-green-light-100: #57b495;
@@ -124,8 +124,8 @@
124124

125125
/* Tabs */
126126
--swm-tab: var(--swm-navy-light-20);
127-
--swm-tab-hover: var(--swm-purple-light-80);
128-
--swm-tab-active: var(--swm-purple-light-100);
127+
--swm-tab-hover: var(--swm-blue-light-80);
128+
--swm-tab-active: var(--swm-blue-light-100);
129129

130130
/* Table of Contents */
131131
--ifm-toc-border-color: transparent;
@@ -171,7 +171,7 @@
171171
--swm-interactive-button-color: var(--swm-navy-light-60);
172172
--swm-interactive-button-active: var(--ifm-font-color-base);
173173

174-
--swm-interactive-slider: var(--swm-purple-light-100);
174+
--swm-interactive-slider: var(--swm-blue-light-100);
175175
--swm-interactive-slider-rail: var(--swm-navy-light-20);
176176

177177
/* --swm-navy-light-100 in rgba */
@@ -187,8 +187,8 @@
187187

188188
/* Pagination */
189189
--swm-paginator-sublabel: var(--swm-navy-light-100);
190-
--swm-paginator-label: var(--swm-purple-light-80);
191-
--swm-paginator-label-hover: var(--swm-purple-light-100);
190+
--swm-paginator-label: var(--swm-blue-light-80);
191+
--swm-paginator-label-hover: var(--swm-blue-light-100);
192192

193193
/* Footer */
194194
--swm-brand-copyright-color: var(--swm-navy-light-100);
@@ -203,12 +203,12 @@
203203
--swm-searchbar-text-color: var(--swm-navy-light-60);
204204
--swm-searchbar-background: var(--swm-background);
205205
--swm-searchbar-border: var(--swm-navy-light-20);
206-
--swm-searchbar-border-hover: var(--swm-purple-light-100);
206+
--swm-searchbar-border-hover: var(--swm-blue-light-100);
207207

208-
--swm-search-hit-background: var(--swm-purple-light-20);
209-
--swm-search-hit-background-hover: var(--swm-purple-light-80);
210-
--swm-search-hit-border: var(--swm-purple-light-40);
211-
--swm-search-hit-border-hover: var(--swm-purple-light-100);
208+
--swm-search-hit-background: var(--swm-blue-light-20);
209+
--swm-search-hit-background-hover: var(--swm-blue-light-80);
210+
--swm-search-hit-border: var(--swm-blue-light-40);
211+
--swm-search-hit-border-hover: var(--swm-blue-light-100);
212212
--swm-search-hit-active-color: var(--swm-off-white);
213213

214214
--swm-search-hit-results-color: var(--swm-navy-light-40);
@@ -240,11 +240,11 @@
240240
/* Cards */
241241
--swm-card-background: var(--swm-background);
242242
--swm-card-border: var(--swm-navy-light-20);
243-
--swm-card-border-hover: var(--swm-purple-light-100);
243+
--swm-card-border-hover: var(--swm-blue-light-100);
244244

245245
/* Sidebar label*/
246246
--swm-sidebar-label-text-new: var(--swm-off-white);
247-
--swm-sidebar-label-background-new: var(--swm-purple-light-100);
247+
--swm-sidebar-label-background-new: var(--swm-blue-light-100);
248248

249249
--swm-sidebar-label-text-experimental: var(--swm-navy-light-100);
250250
--swm-sidebar-label-background-experimental: var(--swm-yellow-light-40);
@@ -257,15 +257,15 @@
257257
/* Versions dropdown */
258258
--swm-dropdown-versions-background: var(--swm-off-white);
259259
--swm-dropdown-versions-item: var(--swm-navy-light-100);
260-
--swm-dropdown-versions-item-border: var(--swm-purple-light-40);
261-
--swm-dropdown-versions-item-background: var(--swm-purple-light-20);
260+
--swm-dropdown-versions-item-border: var(--swm-blue-light-40);
261+
--swm-dropdown-versions-item-background: var(--swm-blue-light-20);
262262

263263
--swm-dropdown-versions-item-active: var(--swm-off-white);
264-
--swm-dropdown-versions-item-border-active: var(--swm-purple-light-100);
265-
--swm-dropdown-versions-item-background-active: var(--swm-purple-light-80);
264+
--swm-dropdown-versions-item-border-active: var(--swm-blue-light-100);
265+
--swm-dropdown-versions-item-background-active: var(--swm-blue-light-80);
266266

267267
--swm-dropdown-versions-item-hover: var(--swm-navy-light-100);
268-
--swm-dropdown-versions-item-active-hover: var(--swm-navy-light-100);
268+
--swm-dropdown-versions-item-active-hover: var(--swm-blue-light-100);
269269

270270
/* Version badge */
271271
--swm-version-badge: var(--swm-navy-light-100);
@@ -298,17 +298,17 @@
298298

299299
/* Tabs */
300300
--swm-tab: var(--swm-navy-light-60);
301-
--swm-tab-hover: var(--swm-purple-dark-60);
302-
--swm-tab-active: var(--swm-purple-light-80);
301+
--swm-tab-hover: var(--swm-blue-dark-60);
302+
--swm-tab-active: var(--swm-blue-light-80);
303303

304304
/* Table of Contents */
305305
--ifm-toc-border-color: transparent;
306306
--ifm-toc-link-color: var(--swm-navy-light-40);
307307
--ifm-toc-link-color-active: var(--swm-off-white);
308308

309309
/* Details section */
310-
--swm-details-foreground: var(--swm-purple-dark-120);
311-
--swm-details-background: var(--swm-purple-dark-140);
310+
--swm-details-foreground: var(--swm-blue-dark-120);
311+
--swm-details-background: var(--swm-blue-dark-140);
312312

313313
/* Admonitions */
314314
--swm-admonition-color-secondary: var(--swm-navy-dark-70);
@@ -342,7 +342,7 @@
342342
/* Interactive Examples */
343343
--swm-interactive-button-color: var(--swm-navy-light-40);
344344

345-
--swm-interactive-slider: var(--swm-purple-light-80);
345+
--swm-interactive-slider: var(--swm-blue-light-80);
346346
--swm-interactive-slider-rail: var(--swm-navy-light-20);
347347

348348
/* --swm-navy-light-20 in rgba schema */
@@ -354,8 +354,8 @@
354354

355355
/* Pagination */
356356
--swm-paginator-sublabel: var(--swm-navy-light-20);
357-
--swm-paginator-label: var(--swm-purple-light-60);
358-
--swm-paginator-label-hover: var(--swm-purple-light-40);
357+
--swm-paginator-label: var(--swm-blue-light-60);
358+
--swm-paginator-label-hover: var(--swm-blue-light-40);
359359

360360
/* Footer */
361361
--swm-brand-copyright-color: var(--swm-navy-light-20);
@@ -367,12 +367,12 @@
367367
/* Search */
368368
--swm-searchbar-text-color: var(--swm-navy-dark-40);
369369
--swm-searchbar-border: var(--swm-navy-dark-60);
370-
--swm-searchbar-border-hover: var(--swm-purple-dark-80);
370+
--swm-searchbar-border-hover: var(--swm-blue-dark-80);
371371

372-
--swm-search-hit-background: var(--swm-purple-dark-120);
373-
--swm-search-hit-background-hover: var(--swm-purple-dark-40);
374-
--swm-search-hit-border: var(--swm-purple-dark-120);
375-
--swm-search-hit-border-hover: var(--swm-purple-dark-40);
372+
--swm-search-hit-background: var(--swm-blue-dark-120);
373+
--swm-search-hit-background-hover: var(--swm-blue-dark-40);
374+
--swm-search-hit-border: var(--swm-blue-dark-120);
375+
--swm-search-hit-border-hover: var(--swm-blue-dark-40);
376376
--swm-search-hit-active-color: var(--swm-navy-light-100);
377377

378378
--swm-search-hit-results-color: var(--swm-navy-light-20);
@@ -405,11 +405,11 @@
405405
/* Cards */
406406
--swm-card-background: var(--swm-navy);
407407
--swm-card-border: var(--swm-navy-dark-60);
408-
--swm-card-border-hover: var(--swm-purple-dark-80);
408+
--swm-card-border-hover: var(--swm-blue-dark-80);
409409

410410
/* Sidebar label*/
411411
--swm-sidebar-label-text-new: var(--swm-off-white);
412-
--swm-sidebar-label-background-new: var(--swm-purple-dark-120);
412+
--swm-sidebar-label-background-new: var(--swm-blue-dark-120);
413413

414414
--swm-sidebar-label-text-experimental: var(--swm-off-white);
415415
--swm-sidebar-label-background-experimental: var(--swm-yellow-dark-120);
@@ -423,15 +423,15 @@
423423

424424
--swm-dropdown-versions-background: var(--swm-off-navy);
425425
--swm-dropdown-versions-item: var(--swm-off-white);
426-
--swm-dropdown-versions-item-border: var(--swm-purple-dark-40);
427-
--swm-dropdown-versions-item-background: var(--swm-purple-dark-40);
426+
--swm-dropdown-versions-item-border: var(--swm-blue-dark-40);
427+
--swm-dropdown-versions-item-background: var(--swm-blue-dark-40);
428428

429429
--swm-dropdown-versions-item-active: var(--swm-off-white);
430-
--swm-dropdown-versions-item-border-active: var(--swm-purple-dark-120);
431-
--swm-dropdown-versions-item-background-active: var(--swm-purple-dark-120);
430+
--swm-dropdown-versions-item-border-active: var(--swm-blue-dark-120);
431+
--swm-dropdown-versions-item-background-active: var(--swm-blue-dark-120);
432432

433433
--swm-dropdown-versions-item-hover: var(--swm-navy-dark-100);
434-
--swm-dropdown-versions-item-active-hover: var(--swm-navy-dark-100);
434+
--swm-dropdown-versions-item-active-hover: var(--swm-blue-dark-100);
435435

436436
/* Version badge */
437437
--swm-version-badge: var(--swm-off-white);

0 commit comments

Comments
 (0)