Skip to content

Commit bb2c590

Browse files
extrabrightextrabright
committed
added sky-blue color
1 parent 47753ae commit bb2c590

File tree

9 files changed

+48
-23
lines changed

9 files changed

+48
-23
lines changed

‎package.json‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,7 +1,7 @@
11
{
22
"name": "@webpixels/css",
33
"description": "Utility and component-centric design system based on Bootstrap for fast, responsive UI development.",
4-
"version": "2.0.3",
4+
"version": "2.0.4",
55
"version_short": "2.0",
66
"license": "MIT",
77
"style": "dist/index.css",

‎scss/extra.scss‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,5 +1,5 @@
11
/*!
2-
* Webpixels CSS v2.0.3 (https://webpixels.io/)
2+
* Webpixels CSS v2.0.4 (https://webpixels.io/)
33
* Copyright 2025 Webpixels
44
* Licensed under MIT (https://github.com/webpixels/css/blob/main/LICENSE)
55
*/

‎scss/index.scss‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,5 +1,5 @@
11
/*!
2-
* Webpixels CSS v2.0.3 (https://webpixels.io/)
2+
* Webpixels CSS v2.0.4 (https://webpixels.io/)
33
* Copyright 2025 Webpixels
44
* Licensed under MIT (https://github.com/webpixels/css/blob/main/LICENSE)
55
*/

‎scss/main.scss‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,5 +1,5 @@
11
/*!
2-
* Webpixels CSS v2.0.3 (https://webpixels.io/)
2+
* Webpixels CSS v2.0.4 (https://webpixels.io/)
33
* Copyright 2025 Webpixels
44
* Licensed under MIT (https://github.com/webpixels/css/blob/main/LICENSE)
55
*/

‎scss/utilities/_utilities.scss‎

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -216,6 +216,7 @@ $utilities: map-merge($utilities, (
216216
"additional-background-color": (
217217
property: background-color,
218218
class: bg,
219+
state: hover,
219220
local-vars: (
220221
"bg-opacity": 1
221222
),

‎scss/utility.scss‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,5 +1,5 @@
11
// /*!
2-
// * Webpixels CSS v2.0.3 (https://webpixels.io/)
2+
// * Webpixels CSS v2.0.4 (https://webpixels.io/)
33
// * Copyright 2025 Webpixels
44
// * Licensed under MIT (https://github.com/webpixels/css/blob/main/LICENSE)
55
// */

‎scss/variables/_colors.scss‎

Lines changed: 36 additions & 12 deletions
Original file line numberDiff line numberDiff line change
@@ -30,19 +30,21 @@ $grays: (
3030
) !default;
3131

3232
// Base colors
33-
$cyan: #7fc2ff !default;
34-
$blue: #335ccf !default;
35-
$indigo: #6366f1 !default;
36-
$purple: #7d52f4 !default;
37-
$pink: #fb4ba3 !default;
38-
$red: #fb3748 !default;
39-
$orange: #ff9147 !default;
40-
$yellow: #f6b51e !default;
41-
$green: #1fc16b !default;
42-
$lime: #c8ff6a !default;
43-
$teal: #22d3bb !default;
33+
$cyan: #7fc2ff !default;
34+
$sky-blue: #0690f1 !default;
35+
$blue: #335ccf !default;
36+
$indigo: #6366f1 !default;
37+
$purple: #7d52f4 !default;
38+
$pink: #fb4ba3 !default;
39+
$red: #fb3748 !default;
40+
$orange: #ff9147 !default;
41+
$yellow: #f6b51e !default;
42+
$green: #1fc16b !default;
43+
$lime: #c8ff6a !default;
44+
$teal: #22d3bb !default;
4445

4546
$colors: (
47+
"sky-blue": $sky-blue,
4648
"blue": $blue,
4749
"indigo": $indigo,
4850
"purple": $purple,
@@ -82,8 +84,30 @@ $limes: (
8284
"lime-900": $lime-900
8385
) !default;
8486

87+
$sky-blue-100: tint-color($sky-blue, 80%) !default;
88+
$sky-blue-200: tint-color($sky-blue, 60%) !default;
89+
$sky-blue-300: tint-color($sky-blue, 40%) !default;
90+
$sky-blue-400: tint-color($sky-blue, 20%) !default;
91+
$sky-blue-500: $sky-blue !default;
92+
$sky-blue-600: shade-color($sky-blue, 20%) !default;
93+
$sky-blue-700: shade-color($sky-blue, 40%) !default;
94+
$sky-blue-800: shade-color($sky-blue, 60%) !default;
95+
$sky-blue-900: shade-color($sky-blue, 80%) !default;
96+
97+
$sky-blues: (
98+
"sky-blue-100": $sky-blue-100,
99+
"sky-blue-200": $sky-blue-200,
100+
"sky-blue-300": $sky-blue-300,
101+
"sky-blue-400": $sky-blue-400,
102+
"sky-blue-500": $sky-blue-500,
103+
"sky-blue-600": $sky-blue-600,
104+
"sky-blue-700": $sky-blue-700,
105+
"sky-blue-800": $sky-blue-800,
106+
"sky-blue-900": $sky-blue-900
107+
) !default;
108+
85109
// Theme colors
86-
$primary: $gray-950 !default;
110+
$primary: $sky-blue-400 !default;
87111
$secondary: $gray-500 !default;
88112
$success: $green !default;
89113
$info: $cyan !default;

‎scss/variables/_variables-dark.scss‎

Lines changed: 4 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -9,10 +9,10 @@ $accent-color-dark: $gray-100 !default;
99
// Neutral button
1010
$btn-neutral-bg-dark: $gray-800 !default;
1111
$btn-neutral-color-dark: $gray-100 !default;
12-
$btn-neutral-border-color-dark: $gray-800 !default;
12+
$btn-neutral-border-color-dark: $gray-700 !default;
1313
$btn-neutral-hover-bg-dark: $gray-700 !default;
14-
$btn-neutral-hover-border-color-dark: $gray-200 !default;
14+
$btn-neutral-hover-border-color-dark: $gray-500 !default;
1515
$btn-neutral-hover-color-dark: $gray-50 !default;
16-
$btn-neutral-active-bg-dark: $gray-800 !default;
17-
$btn-neutral-active-border-color-dark: $gray-200 !default;
16+
$btn-neutral-active-bg-dark: $gray-700 !default;
17+
$btn-neutral-active-border-color-dark: $gray-500 !default;
1818
$btn-neutral-active-color-dark: $gray-50 !default;

‎scss/variables/_variables.scss‎

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -176,8 +176,8 @@ $box-shadow-focus: 0 0 0 3px rgba(66, 153, 225, 0.5) !default;
176176

177177
$box-shadow-transparent: 0 0 0 0 rgba(0, 0, 0, 0) !default;
178178

179-
$component-active-color: $accent-color !default;
180-
$component-active-bg: $accent-bg !default;
179+
$component-active-color: $white !default;
180+
$component-active-bg: $primary !default;
181181

182182
$focus-ring-width: .15rem !default;
183183
$focus-ring-opacity: .25 !default;

0 commit comments

Comments
 (0)