js/webawesome
1
0
Fork 0
mirror of https://github.com/shoelace-style/webawesome.git synced 2026-01-12 04:09:12 +00:00
Code Issues Packages Projects Releases Wiki Activity

Pre-release theme touchup (#465)

Browse Source 
* Fix themed card styles

* Improve lowered surface colors across themes
This commit is contained in:
Lindsay M
2025-01-08 15:04:27 -05:00
committed by GitHub
parent fa66f4262d
commit e52a7a5ce5
5 changed files with 10 additions and 11 deletions
Download Patch File Download Diff File Expand all files Collapse all files

9
src/styles/themes/awesome.css
View File

@@ -152,7 +152,7 @@
*/
--wa-color-surface-raised: var(--wa-color-gray-10);
--wa-color-surface-default: var(--wa-color-gray-05);
--wa-color-surface-lowered: var(--wa-color-gray-05);
--wa-color-surface-lowered: color-mix(in oklab, var(--wa-color-surface-default), black 20%);
--wa-color-surface-border: var(--wa-color-gray-20);
--wa-color-text-normal: var(--wa-color-gray-95);
@@ -297,14 +297,13 @@ wa-callout {
}
wa-card {
--background-color: var(--wa-color-surface-raised);
--border-style: none;
background-color: var(--wa-color-surface-raised);
}
wa-card::part(header) {
border-bottom: var(--border-width) dotted var(--border-color);
border-bottom-style: dotted;
}
wa-card::part(footer) {
border-top: var(--border-width) dotted var(--border-color);
border-top-style: dotted;
}
input[type='checkbox'],

2
src/styles/themes/classic.css
View File

@@ -127,7 +127,7 @@
*/
--wa-color-surface-raised: var(--wa-color-gray-10);
--wa-color-surface-default: var(--wa-color-gray-05);
--wa-color-surface-lowered: var(--wa-color-gray-05);
--wa-color-surface-lowered: color-mix(in oklab, var(--wa-color-surface-default), black 20%);
--wa-color-surface-border: var(--wa-color-gray-20);
--wa-color-text-normal: var(--wa-color-gray-80);

2
src/styles/themes/default/color-semantic.css
View File

@@ -110,7 +110,7 @@
*/
--wa-color-surface-raised: var(--wa-color-gray-10);
--wa-color-surface-default: var(--wa-color-gray-05);
--wa-color-surface-lowered: color-mix(in oklab, var(--wa-color-surface-default), black 10%);
--wa-color-surface-lowered: color-mix(in oklab, var(--wa-color-surface-default), black 20%);
--wa-color-surface-border: var(--wa-color-gray-20);
--wa-color-text-normal: var(--wa-color-gray-95);

6
src/styles/themes/mellow.css
View File

@@ -130,7 +130,7 @@
*/
--wa-color-surface-raised: var(--wa-color-gray-10);
--wa-color-surface-default: var(--wa-color-gray-05);
--wa-color-surface-lowered: var(--wa-color-gray-05);
--wa-color-surface-lowered: color-mix(in oklab, var(--wa-color-surface-default), black 20%);
--wa-color-surface-border: color-mix(in oklab, var(--wa-color-gray-30), transparent);
--wa-color-text-normal: var(--wa-color-blue-90);
@@ -217,10 +217,10 @@ wa-callout {
}
wa-card::part(header) {
border-bottom: var(--border-width) dotted var(--border-color);
border-bottom-style: dotted;
}
wa-card::part(footer) {
border-top: var(--border-width) dotted var(--border-color);
border-top-style: dotted;
}
input[type='radio'],

2
src/styles/themes/tailspin.css
View File

@@ -135,7 +135,7 @@
*/
--wa-color-surface-raised: var(--wa-color-gray-10);
--wa-color-surface-default: var(--wa-color-gray-05);
--wa-color-surface-lowered: color-mix(in oklab, var(--wa-color-surface-default), black 10%);
--wa-color-surface-lowered: color-mix(in oklab, var(--wa-color-surface-default), black 20%);
--wa-color-surface-border: rgb(255 255 255 / 0.1);
--wa-color-text-normal: white;