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

Improve default tooltip styles (#543)

Browse Source 
* Use inverted colors for tooltips

* Remove redundant tooltip overrides from themes
This commit is contained in:
Lindsay M
2025-01-16 04:35:08 -05:00
committed by GitHub
parent 7e1f4f0351
commit 9494b9bb67
3 changed files with 3 additions and 16 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -44,7 +44,6 @@
/**
* Component Groups
*/
/* Form controls */
--wa-form-control-background-color: var(--wa-color-surface-default);
--wa-form-control-border-color: var(--wa-color-neutral-border-normal);
--wa-form-control-activated-color: var(--wa-color-neutral-border-loud);
@@ -52,12 +51,4 @@
--wa-form-control-label-color: var(--wa-color-text-normal);
--wa-form-control-label-font-weight: var(--wa-font-weight-bold);
--wa-form-control-label-line-height: var(--wa-line-height-normal);
/* Tooltips */
--wa-tooltip-arrow-size: 0.375rem;
--wa-tooltip-background-color: var(--wa-color-text-normal);
--wa-tooltip-border-radius: var(--wa-border-radius-s);
--wa-tooltip-content-color: var(--wa-color-surface-default);
--wa-tooltip-font-size: var(--wa-font-size-s);
--wa-tooltip-line-height: var(--wa-line-height-normal);
}

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

@@ -46,8 +46,4 @@
/* Panels */
--wa-panel-border-radius: var(--wa-border-radius-m);
/* Tooltips */
--wa-tooltip-background-color: var(--wa-color-text-normal);
--wa-tooltip-content-color: var(--wa-color-surface-default);
}

6
src/styles/themes/default/groups.css
View File

@@ -40,11 +40,11 @@
/* Tooltips */
--wa-tooltip-arrow-size: 0.375rem;
--wa-tooltip-background-color: var(--wa-color-neutral-fill-loud);
--wa-tooltip-background-color: var(--wa-color-text-normal);
--wa-tooltip-border-radius: var(--wa-border-radius-m);
--wa-tooltip-border-radius: var(--wa-border-radius-s);
--wa-tooltip-content-color: var(--wa-color-neutral-on-loud);
--wa-tooltip-content-color: var(--wa-color-surface-default);
--wa-tooltip-font-size: var(--wa-font-size-s);
--wa-tooltip-line-height: var(--wa-line-height-normal);
}