mirror_css/css-water.css
1
0
Fork 0
mirror of https://github.com/kognise/water.css.git synced 2025-08-12 08:04:13 +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; outline: none;
} }
button,
input[type='submit'],
input[type='button'] {
background-color: var(--background-btn);
padding-right: 30px;
padding-left: 30px;
}
input[type='color'] { input[type='color'] {
min-height: 2rem; min-height: 2rem;
padding: 8px; padding: 8px;
@@ -94,17 +102,12 @@ select[multiple] {
overflow-y: auto; overflow-y: auto;
} }
button,
input[type='submit'],
input[type='button'] {
padding-right: 30px;
padding-left: 30px;
}
button:hover, button:hover,
input[type='submit']:hover, input[type='submit']:hover,
input[type='button']:hover { input[type='button']:hover {
background: var(--button-hover); background: var(--button-hover);
/* transform: scale(1.03); */
} }
input:focus, input:focus,

1
src/variables-dark.css
View File

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

7
src/variables-light.css
View File

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