mirror_css/css-water.css
1
0
Fork 0
mirror of https://github.com/kognise/water.css.git synced 2025-08-11 23:54:12 +02:00
Code Issues Releases Wiki Activity

changed hover color closer to base color

Browse Source
This commit is contained in:
Himanshu
2020-10-20 12:06:12 +05:30
parent 3430e4d409 84b57fd8c4
commit 50bdf23e69
4 changed files with 20 additions and 10 deletions
Download Patch File Download Diff File Expand all files Collapse all files

5
.changeset/rude-pots-sort.md Normal file
View File

@@ -0,0 +1,5 @@
---
"water.css": patch
---
Added Contrast to the Buttons

17
src/parts/_forms.css
View File

@@ -29,6 +29,14 @@ select {
outline: none;
}
button,
input[type='submit'],
input[type='button'] {
background-color: var(--background-btn);
padding-right: 30px;
padding-left: 30px;
}
input[type='color'] {
min-height: 2rem;
padding: 8px;
@@ -94,17 +102,12 @@ select[multiple] {
overflow-y: auto;
}
button,
input[type='submit'],
input[type='button'] {
padding-right: 30px;
padding-left: 30px;
}
button:hover,
input[type='submit']:hover,
input[type='button']:hover {
background: var(--button-hover);
/* transform: scale(1.03); */
}
input:focus,

1
src/variables-dark.css
View File

@@ -1,6 +1,7 @@
:root {
--background-body: #202b38;
--background: #161f27;
--background-btn: #0c151c;
--background-alt: #1a242f;
--selection: #1c76c5;
--text-main: #dbdbdb;

7
src/variables-light.css
View File

@@ -1,6 +1,7 @@
:root {
--background-body: #fff;
--background: #efefef;
--background: #e2e2e2;
--background-btn: #d0cfcf;
--background-alt: #f7f7f7;
--selection: #9e9e9e;
--text-main: #363636;
@@ -11,11 +12,11 @@
--border: #dbdbdb;
--code: #000;
--animation-duration: 0.1s;
--button-hover: #ddd;
--button-hover: rgb(170, 170, 170);
--scrollbar-thumb: color-mod(var(--button-hover) lightness(-3%));
--scrollbar-thumb-hover: color-mod(var(--button-hover) lightness(-10%));
--form-placeholder: #949494;
--form-text: #000;
--form-text: rgb(29, 29, 29);
--variable: #39a33c;
--highlight: #ff0;
--select-arrow: svg-load('./assets/select-arrow.svg', fill: #161f27);