diff --git a/assets/stylesheets/base/formhack.css b/assets/stylesheets/base/formhack.css index 4cc8029..9b6acac 100644 --- a/assets/stylesheets/base/formhack.css +++ b/assets/stylesheets/base/formhack.css @@ -7,19 +7,19 @@ /* Font */ --fh-font-family: 'Raleway', sans-serif; --fh-font-size: 16px; - --fh-font-color: rgb(40, 40, 40); + --fh-font-color: var(--color-input-text); /* Borders */ --fh-border-radius: 5px; --fh-border-width: 1px; --fh-border-style: solid; - --fh-border-color: rgb(200, 200, 200); + --fh-border-color: var(--color-input-border); /* Inputs, Textareas, Select, Option */ --fh-input-height: 40px; --fh-input-width: 100%; --fh-input-max-width: 100%; - --fh-input-bg-color: #fff; + --fh-input-bg-color: var(--color-input-bg); --fh-focus-bg-color: var(--fh-input-bg-color); --fh-focus-border-color: var(--color-palette-blue); --fh-focus-font-color: var(--fh-font-color); diff --git a/assets/stylesheets/variables.css b/assets/stylesheets/variables.css index 37013ef..2ef850b 100644 --- a/assets/stylesheets/variables.css +++ b/assets/stylesheets/variables.css @@ -39,6 +39,10 @@ --color-status-block-bg-error: #fbe3e2; --color-status-block-message: #536171; + --color-input-text: #536171; + --color-input-bg: #fff; + --color-input-border: #d3dce0; + --layout-sidebar-sidebar-width: 228px; --layout-sidebar-content-width: 732px; diff --git a/public/stylesheets/style.css b/public/stylesheets/style.css index 9f49228..1a70fb5 100644 --- a/public/stylesheets/style.css +++ b/public/stylesheets/style.css @@ -546,7 +546,7 @@ fieldset, font-family: 'Raleway', sans-serif; font-size: 16px; - color: rgb(40, 40, 40); + color: #536171; vertical-align: top; display: block; @@ -600,7 +600,7 @@ textarea { border-radius: 5px; border-width: 1px; border-style: solid; - border-color: rgb(200, 200, 200); + border-color: #d3dce0; } /* Fields with standard height */ @@ -722,7 +722,7 @@ textarea:focus, select:focus, option:focus { border-color: #5c9fef; - color: rgb(40, 40, 40); + color: #536171; } button:focus,