obsqrbtz/goose-highlighter
1
0
Fork 0
mirror of https://github.com/obsqrbtz/goose-highlighter.git synced 2026-04-08 20:19:06 +03:00
Code Issues Packages Projects Releases Wiki Activity

fix: colorbox styling

Browse Source
This commit is contained in:
Daniel Dada
2025-06-26 23:35:49 +03:00
parent 80d4bff0b4
commit 08ad7c4325
1 changed files with 40 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

43
popup/popup.css
View File

@@ -114,12 +114,49 @@ textarea {
} }
input[type="color"] { input[type="color"] {
background: none; background: var(--input-bg);
border: none; border: 2px solid var(--input-border);
cursor: pointer; border-radius: 8px;
box-shadow: 0 1px 4px rgba(0,0,0,0.10);
width: 36px; width: 36px;
height: 36px; height: 36px;
margin-left: 6px; margin-left: 6px;
cursor: pointer;
padding: 0;
transition: border 0.2s, box-shadow 0.2s;
appearance: none;
-webkit-appearance: none;
}
input[type="color"]:focus,
input[type="color"]:hover {
border: 2px solid var(--accent);
box-shadow: 0 2px 8px rgba(236,156,35,0.15);
outline: none;
}
.color-label input[type="color"] {
width: 32px;
height: 32px;
margin-left: 0;
}
/* Remove default color input styling for Webkit browsers */
input[type="color"]::-webkit-color-swatch-wrapper {
padding: 0;
border-radius: 8px;
}
input[type="color"]::-webkit-color-swatch {
border-radius: 8px;
border: none;
}
/* Remove default color input styling for Firefox */
input[type="color"]::-moz-color-swatch {
border-radius: 8px;
border: none;
padding: 0;
} }
input[type="checkbox"] { input[type="checkbox"] {