Commit da812b68 authored by felix.herrmann's avatar felix.herrmann
Browse files

fix(templates): changed html color codes to theme colors

parent f4efbf29
......@@ -28,6 +28,7 @@
--light: #ffffff;
--dark: #222222;
--shadow: #45a7c5;
--bg: #f8f9fa;
--breakpoint-xs: 0;
--breakpoint-sm: 576px;
--breakpoint-md: 768px;
......@@ -1565,6 +1566,23 @@ pre {
.table-hover .table-shadow:hover > th {
background-color: #b8dde9; }
.table-bg,
.table-bg > th,
.table-bg > td {
background-color: #fdfdfe; }
.table-bg th,
.table-bg td,
.table-bg thead th,
.table-bg tbody + tbody {
border-color: #fbfcfc; }
.table-hover .table-bg:hover {
background-color: #ececf6; }
.table-hover .table-bg:hover > td,
.table-hover .table-bg:hover > th {
background-color: #ececf6; }
.table-active,
.table-active > th,
.table-active > td {
......@@ -2378,6 +2396,31 @@ fieldset:disabled a.btn {
-webkit-box-shadow: 0 0 0 0.2rem rgba(97, 180, 206, 0.5);
box-shadow: 0 0 0 0.2rem rgba(97, 180, 206, 0.5); }
.btn-bg {
color: #212529;
background-color: #f8f9fa;
border-color: #f8f9fa; }
.btn-bg:hover {
color: #212529;
background-color: #e2e6ea;
border-color: #dae0e5; }
.btn-bg:focus, .btn-bg.focus {
-webkit-box-shadow: 0 0 0 0.2rem rgba(216, 217, 219, 0.5);
box-shadow: 0 0 0 0.2rem rgba(216, 217, 219, 0.5); }
.btn-bg.disabled, .btn-bg:disabled {
color: #212529;
background-color: #f8f9fa;
border-color: #f8f9fa; }
.btn-bg:not(:disabled):not(.disabled):active, .btn-bg:not(:disabled):not(.disabled).active,
.show > .btn-bg.dropdown-toggle {
color: #212529;
background-color: #dae0e5;
border-color: #d3d9df; }
.btn-bg:not(:disabled):not(.disabled):active:focus, .btn-bg:not(:disabled):not(.disabled).active:focus,
.show > .btn-bg.dropdown-toggle:focus {
-webkit-box-shadow: 0 0 0 0.2rem rgba(216, 217, 219, 0.5);
box-shadow: 0 0 0 0.2rem rgba(216, 217, 219, 0.5); }
.btn-outline-primary {
color: #343b86;
border-color: #343b86; }
......@@ -2585,6 +2628,29 @@ fieldset:disabled a.btn {
-webkit-box-shadow: 0 0 0 0.2rem rgba(69, 167, 197, 0.5);
box-shadow: 0 0 0 0.2rem rgba(69, 167, 197, 0.5); }
.btn-outline-bg {
color: #f8f9fa;
border-color: #f8f9fa; }
.btn-outline-bg:hover {
color: #212529;
background-color: #f8f9fa;
border-color: #f8f9fa; }
.btn-outline-bg:focus, .btn-outline-bg.focus {
-webkit-box-shadow: 0 0 0 0.2rem rgba(248, 249, 250, 0.5);
box-shadow: 0 0 0 0.2rem rgba(248, 249, 250, 0.5); }
.btn-outline-bg.disabled, .btn-outline-bg:disabled {
color: #f8f9fa;
background-color: transparent; }
.btn-outline-bg:not(:disabled):not(.disabled):active, .btn-outline-bg:not(:disabled):not(.disabled).active,
.show > .btn-outline-bg.dropdown-toggle {
color: #212529;
background-color: #f8f9fa;
border-color: #f8f9fa; }
.btn-outline-bg:not(:disabled):not(.disabled):active:focus, .btn-outline-bg:not(:disabled):not(.disabled).active:focus,
.show > .btn-outline-bg.dropdown-toggle:focus {
-webkit-box-shadow: 0 0 0 0.2rem rgba(248, 249, 250, 0.5);
box-shadow: 0 0 0 0.2rem rgba(248, 249, 250, 0.5); }
.btn-link {
font-weight: 400;
color: #343b86;
......@@ -4445,6 +4511,17 @@ input[type="button"].btn-block {
-webkit-box-shadow: 0 0 0 0.2rem rgba(69, 167, 197, 0.5);
box-shadow: 0 0 0 0.2rem rgba(69, 167, 197, 0.5); }
.badge-bg {
color: #212529;
background-color: #f8f9fa; }
a.badge-bg:hover, a.badge-bg:focus {
color: #212529;
background-color: #dae0e5; }
a.badge-bg:focus, a.badge-bg.focus {
outline: 0;
-webkit-box-shadow: 0 0 0 0.2rem rgba(248, 249, 250, 0.5);
box-shadow: 0 0 0 0.2rem rgba(248, 249, 250, 0.5); }
.jumbotron {
padding: 32px 16px;
padding: 2rem 1rem;
......@@ -4568,6 +4645,15 @@ input[type="button"].btn-block {
.alert-shadow .alert-link {
color: #244854; }
.alert-bg {
color: #919292;
background-color: #fefefe;
border-color: #fdfdfe; }
.alert-bg hr {
border-top-color: #ececf6; }
.alert-bg .alert-link {
color: #777979; }
@-webkit-keyframes progress-bar-stripes {
from {
background-position: 1rem 0; }
......@@ -4903,6 +4989,17 @@ input[type="button"].btn-block {
background-color: #346777;
border-color: #346777; }
.list-group-item-bg {
color: #919292;
background-color: #fdfdfe; }
.list-group-item-bg.list-group-item-action:hover, .list-group-item-bg.list-group-item-action:focus {
color: #919292;
background-color: #ececf6; }
.list-group-item-bg.list-group-item-action.active {
color: #ffffff;
background-color: #919292;
border-color: #919292; }
.close {
float: right;
font-size: 24px;
......@@ -5751,6 +5848,14 @@ button.bg-shadow:hover,
button.bg-shadow:focus {
background-color: #3389a4 !important; }
.bg-bg {
background-color: #f8f9fa !important; }
a.bg-bg:hover, a.bg-bg:focus,
button.bg-bg:hover,
button.bg-bg:focus {
background-color: #dae0e5 !important; }
.bg-white {
background-color: #ffffff !important; }
......@@ -5814,6 +5919,9 @@ button.bg-shadow:focus {
.border-shadow {
border-color: #45a7c5 !important; }
.border-bg {
border-color: #f8f9fa !important; }
.border-white {
border-color: #ffffff !important; }
......@@ -8453,6 +8561,12 @@ a.text-dark:hover, a.text-dark:focus {
a.text-shadow:hover, a.text-shadow:focus {
color: #2d7990 !important; }
.text-bg {
color: #f8f9fa !important; }
a.text-bg:hover, a.text-bg:focus {
color: #cbd3da !important; }
.text-body {
color: #212529 !important; }
......@@ -8553,7 +8667,7 @@ html {
body {
font-size: 14px;
font-size: .875rem;
background-color: #fff;
background-color: #ffffff;
min-height: 100vh;
position: relative;
margin: 0; }
......@@ -8570,9 +8684,7 @@ body {
/* Behind the navbar */
padding: 80px 0 0;
/* Height of navbar */
/*box-shadow: inset -1px 0 0 rgba(0, 0, 0, .1);*/
background-color: #fff !important;
/* background-color: red; */ }
/*box-shadow: inset -1px 0 0 rgba(0, 0, 0, .1);*/ }
.sidebar-sticky {
position: relative !important;
......@@ -8602,15 +8714,10 @@ body {
position: sticky; } }
.sidebar .nav-link {
font-weight: 500;
color: #333; }
font-weight: 500; }
.sidebar .nav-link .feather {
margin-right: 4px;
color: #999; }
.sidebar .nav-link.active {
color: #007bff; }
margin-right: 4px; }
.sidebar .nav-link:hover .feather,
.sidebar .nav-link.active .feather {
......@@ -8636,10 +8743,10 @@ body {
/*
* footer
*/
#footer {
.footer {
padding-top: 16px;
padding-top: 1rem;
background-color: #fff;
background-color: #ffffff;
bottom: 5;
z-index: 90;
position: absolute;
......@@ -8649,8 +8756,8 @@ body {
/*
* Navbar
*/
#navbar-top {
background-color: #fff; }
.navbar-top {
background-color: #ffffff; }
.navbar-brand {
padding-top: 12px;
......@@ -8798,7 +8905,8 @@ a:any-link {
*/
input[type=search] {
-webkit-appearance: textfield;
-webkit-box-sizing: content-box; }
-webkit-box-sizing: content-box;
box-sizing: content-box; }
input::-webkit-search-decoration,
input::-webkit-search-cancel-button {
......@@ -8806,7 +8914,7 @@ input::-webkit-search-cancel-button {
input[type=search] {
background: #ffffff url(../images/search.svg) no-repeat 9px center;
border: solid 1px #ffffff;
border: solid 1px #343b86;
padding: 9px 10px 9px 32px;
width: 55px;
border-radius: 10em;
......
This source diff could not be displayed because it is too large. You can view the blob instead.
......@@ -22,4 +22,5 @@ $theme-colors:
"light": $white,
"dark": $black,
"shadow": $cool-blue,
"bg": $pale-grey,
);
\ No newline at end of file
......@@ -15,7 +15,7 @@ html
body {
font-size: .875rem;
background-color: #fff;
background-color: theme-color("light");
min-height: 100vh;
position: relative;
margin: 0;
......@@ -33,8 +33,6 @@ body {
z-index: 100; /* Behind the navbar */
padding: 80px 0 0; /* Height of navbar */
/*box-shadow: inset -1px 0 0 rgba(0, 0, 0, .1);*/
background-color: #fff!important;
/* background-color: red; */
}
.sidebar-sticky {
......@@ -67,16 +65,10 @@ body {
.sidebar .nav-link {
font-weight: 500;
color: #333;
}
.sidebar .nav-link .feather {
margin-right: 4px;
color: #999;
}
.sidebar .nav-link.active {
color: #007bff;
}
.sidebar .nav-link:hover .feather,
......@@ -100,7 +92,7 @@ body {
#content {
padding-top: 80px;
background-color:#f8f9fa;
background-color: theme-color("bg");
min-height: calc(80vh - 82px);
}
......@@ -108,13 +100,12 @@ body {
* footer
*/
#footer {
.footer {
padding-top: 1rem;
background-color: #fff;
background-color: theme-color("light");
bottom: 5;
z-index:90;
position: absolute;
right:0;
left:0;
}
......@@ -123,8 +114,8 @@ body {
* Navbar
*/
#navbar-top {
background-color: #fff;
.navbar-top {
background-color: theme-color("light");
}
.navbar-brand {
......
Supports Markdown
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment