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

Use theme properties for color picker border (#449)

Browse Source
This commit is contained in:
Lindsay M
2025-01-08 10:02:18 -05:00
committed by GitHub
parent f4a88c3b3a
commit 09df23dff8
2 changed files with 4 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
src/components/color-picker/color-picker.css
View File

@@ -317,8 +317,8 @@
border-radius: inherit;
background-color: currentColor;
box-shadow:
inset 0 0 0 0.0625rem var(--wa-form-control-border-color),
inset 0 0 0 0.25rem var(--wa-color-surface-default);
inset 0 0 0 var(--border-width) var(--wa-form-control-border-color),
inset 0 0 0 calc(var(--border-width) * 2) var(--wa-color-surface-default);
}
.trigger--empty:before {

5
src/styles/native/color-picker.css
View File

@@ -2,12 +2,11 @@ input[type='color'] {
display: block;
border-radius: calc(infinity * 1px);
background: transparent;
padding: 3px;
padding: var(--wa-form-control-border-width);
width: calc(var(--wa-form-control-height) - 2px);
height: calc(var(--wa-form-control-height) - 2px);
border: var(--wa-border-width-s) var(--wa-border-style) var(--wa-form-control-border-color);
border: var(--wa-form-control-border-width) var(--wa-border-style) var(--wa-form-control-border-color);
cursor: pointer;
margin-block-start: 3px;
forced-color-adjust: none;
&::-webkit-color-swatch-wrapper {