From eac795d1d8d4d1a92f9bc0749cee776f9265f3d8 Mon Sep 17 00:00:00 2001
From: Himanshu Pandey <hp200229@gmail.com>
Date: Sat, 10 Oct 2020 10:19:27 +0530
Subject: [PATCH 1/2] added contrast in buttons

---
 src/parts/_forms.css    | 17 ++++++++++-------
 src/variables-dark.css  |  3 ++-
 src/variables-light.css |  7 ++++---
 3 files changed, 16 insertions(+), 11 deletions(-)

diff --git a/src/parts/_forms.css b/src/parts/_forms.css
index a8a5793..ad5742a 100644
--- a/src/parts/_forms.css
+++ b/src/parts/_forms.css
@@ -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,
diff --git a/src/variables-dark.css b/src/variables-dark.css
index c43ac79..6b4222a 100755
--- a/src/variables-dark.css
+++ b/src/variables-dark.css
@@ -1,6 +1,7 @@
 :root {
   --background-body: #202b38;
   --background: #161f27;
+  --background-btn: #0c151c;
   --background-alt: #1a242f;
   --selection: #1c76c5;
   --text-main: #dbdbdb;
@@ -11,7 +12,7 @@
   --border: #526980;
   --code: #ffbe85;
   --animation-duration: 0.1s;
-  --button-hover: #324759;
+  --button-hover: #2f5372;
   --scrollbar-thumb: var(--button-hover);
   --scrollbar-thumb-hover: color-mod(var(--scrollbar-thumb) lightness(+8%));
   --form-placeholder: #a9a9a9;
diff --git a/src/variables-light.css b/src/variables-light.css
index 74069c3..84cc0b3 100755
--- a/src/variables-light.css
+++ b/src/variables-light.css
@@ -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);

From 84b57fd8c449d589771ac19d585ac7e02ad838cd Mon Sep 17 00:00:00 2001
From: Himanshu Pandey <hp200229@gmail.com>
Date: Mon, 12 Oct 2020 12:15:57 +0530
Subject: [PATCH 2/2] added changeset

---
 .changeset/rude-pots-sort.md | 5 +++++
 1 file changed, 5 insertions(+)
 create mode 100644 .changeset/rude-pots-sort.md

diff --git a/.changeset/rude-pots-sort.md b/.changeset/rude-pots-sort.md
new file mode 100644
index 0000000..568261e
--- /dev/null
+++ b/.changeset/rude-pots-sort.md
@@ -0,0 +1,5 @@
+---
+"water.css": patch
+---
+
+Added Contrast to the Buttons