changing the primary color a bit

This commit is contained in:
Holger Könemann 2017-01-07 11:17:22 +01:00
parent 8154b6e91e
commit 2d957e9be7
4 changed files with 52 additions and 52 deletions

View File

@ -319,10 +319,10 @@ blockquote {
margin: 0 0 1rem; } margin: 0 0 1rem; }
a { a {
color: #895cd1; color: #563d7c;
text-decoration: none; } text-decoration: none; }
a:focus, a:hover { a:focus, a:hover {
color: #6231af; color: #322449;
text-decoration: underline; } text-decoration: underline; }
a:not([href]):not([tabindex]) { a:not([href]):not([tabindex]) {
@ -1555,7 +1555,7 @@ pre {
.wpcf7 textarea:focus, .wpcf7 .wpcf7-validation-errors:focus { .wpcf7 textarea:focus, .wpcf7 .wpcf7-validation-errors:focus {
color: #464a4c; color: #464a4c;
background-color: #fff; background-color: #fff;
border-color: #d1bfed; border-color: #957bbe;
outline: none; } outline: none; }
.form-control::placeholder, .wpcf7 input[type=text]::placeholder, .form-control::placeholder, .wpcf7 input[type=text]::placeholder,
.wpcf7 input[type=search]::placeholder, .wpcf7 input[type=search]::placeholder,
@ -2089,7 +2089,7 @@ select.form-control-lg:not([size]):not([multiple]), .input-group-lg > select.for
text-decoration: none; } text-decoration: none; }
.btn:focus, .wpcf7 input[type=submit]:focus, .btn.focus, .wpcf7 input.focus[type=submit] { .btn:focus, .wpcf7 input[type=submit]:focus, .btn.focus, .wpcf7 input.focus[type=submit] {
outline: 0; outline: 0;
box-shadow: 0 0 0 2px rgba(137, 92, 209, 0.25); } box-shadow: 0 0 0 2px rgba(86, 61, 124, 0.25); }
.btn.disabled, .wpcf7 input.disabled[type=submit], .btn:disabled, .wpcf7 input[type=submit]:disabled { .btn.disabled, .wpcf7 input.disabled[type=submit], .btn:disabled, .wpcf7 input[type=submit]:disabled {
cursor: not-allowed; cursor: not-allowed;
opacity: .65; } opacity: .65; }
@ -2102,23 +2102,23 @@ fieldset[disabled] a.btn {
.btn-primary { .btn-primary {
color: #fff; color: #fff;
background-color: #895cd1; background-color: #563d7c;
border-color: #895cd1; } border-color: #563d7c; }
.btn-primary:hover { .btn-primary:hover {
color: #fff; color: #fff;
background-color: #6d37c3; background-color: #3e2c5a;
border-color: #6835bb; } border-color: #3a2953; }
.btn-primary:focus, .btn-primary.focus { .btn-primary:focus, .btn-primary.focus {
box-shadow: 0 0 0 2px rgba(137, 92, 209, 0.5); } box-shadow: 0 0 0 2px rgba(86, 61, 124, 0.5); }
.btn-primary.disabled, .btn-primary:disabled { .btn-primary.disabled, .btn-primary:disabled {
background-color: #895cd1; background-color: #563d7c;
border-color: #895cd1; } border-color: #563d7c; }
.btn-primary:active, .btn-primary.active, .btn-primary:active, .btn-primary.active,
.show > .btn-primary.dropdown-toggle { .show > .btn-primary.dropdown-toggle {
color: #fff; color: #fff;
background-color: #6d37c3; background-color: #3e2c5a;
background-image: none; background-image: none;
border-color: #6835bb; } border-color: #3a2953; }
.btn-secondary { .btn-secondary {
color: #292b2c; color: #292b2c;
@ -2221,25 +2221,25 @@ fieldset[disabled] a.btn {
border-color: #c12e2a; } border-color: #c12e2a; }
.btn-outline-primary, .wpcf7 input[type=submit] { .btn-outline-primary, .wpcf7 input[type=submit] {
color: #895cd1; color: #563d7c;
background-image: none; background-image: none;
background-color: transparent; background-color: transparent;
border-color: #895cd1; } border-color: #563d7c; }
.btn-outline-primary:hover, .wpcf7 input[type=submit]:hover { .btn-outline-primary:hover, .wpcf7 input[type=submit]:hover {
color: #fff; color: #fff;
background-color: #895cd1; background-color: #563d7c;
border-color: #895cd1; } border-color: #563d7c; }
.btn-outline-primary:focus, .wpcf7 input[type=submit]:focus, .btn-outline-primary.focus, .wpcf7 input.focus[type=submit] { .btn-outline-primary:focus, .wpcf7 input[type=submit]:focus, .btn-outline-primary.focus, .wpcf7 input.focus[type=submit] {
box-shadow: 0 0 0 2px rgba(137, 92, 209, 0.5); } box-shadow: 0 0 0 2px rgba(86, 61, 124, 0.5); }
.btn-outline-primary.disabled, .wpcf7 input.disabled[type=submit], .btn-outline-primary:disabled, .wpcf7 input[type=submit]:disabled { .btn-outline-primary.disabled, .wpcf7 input.disabled[type=submit], .btn-outline-primary:disabled, .wpcf7 input[type=submit]:disabled {
color: #895cd1; color: #563d7c;
background-color: transparent; } background-color: transparent; }
.btn-outline-primary:active, .wpcf7 input[type=submit]:active, .btn-outline-primary.active, .wpcf7 input.active[type=submit], .btn-outline-primary:active, .wpcf7 input[type=submit]:active, .btn-outline-primary.active, .wpcf7 input.active[type=submit],
.show > .btn-outline-primary.dropdown-toggle, .wpcf7 .show > .btn-outline-primary.dropdown-toggle, .wpcf7
.show > input.dropdown-toggle[type=submit] { .show > input.dropdown-toggle[type=submit] {
color: #fff; color: #fff;
background-color: #895cd1; background-color: #563d7c;
border-color: #895cd1; } border-color: #563d7c; }
.btn-outline-secondary { .btn-outline-secondary {
color: #ccc; color: #ccc;
@ -2343,7 +2343,7 @@ fieldset[disabled] a.btn {
.btn-link { .btn-link {
font-weight: normal; font-weight: normal;
color: #895cd1; color: #563d7c;
border-radius: 0; } border-radius: 0; }
.btn-link, .btn-link:active, .btn-link.active, .btn-link:disabled { .btn-link, .btn-link:active, .btn-link.active, .btn-link:disabled {
background-color: transparent; } background-color: transparent; }
@ -2352,7 +2352,7 @@ fieldset[disabled] a.btn {
.btn-link:hover { .btn-link:hover {
border-color: transparent; } border-color: transparent; }
.btn-link:focus, .btn-link:hover { .btn-link:focus, .btn-link:hover {
color: #6231af; color: #322449;
text-decoration: underline; text-decoration: underline;
background-color: transparent; } background-color: transparent; }
.btn-link:disabled { .btn-link:disabled {
@ -2470,7 +2470,7 @@ tbody.collapse.show {
.dropdown-item.active, .dropdown-item:active { .dropdown-item.active, .dropdown-item:active {
color: #fff; color: #fff;
text-decoration: none; text-decoration: none;
background-color: #895cd1; } background-color: #563d7c; }
.dropdown-item.disabled, .dropdown-item:disabled { .dropdown-item.disabled, .dropdown-item:disabled {
color: #636c72; color: #636c72;
cursor: not-allowed; cursor: not-allowed;
@ -3190,12 +3190,12 @@ tbody.collapse.show {
opacity: 0; } opacity: 0; }
.custom-control-input:checked ~ .custom-control-indicator { .custom-control-input:checked ~ .custom-control-indicator {
color: #fff; color: #fff;
background-color: #895cd1; } background-color: #563d7c; }
.custom-control-input:focus ~ .custom-control-indicator { .custom-control-input:focus ~ .custom-control-indicator {
box-shadow: 0 0 0 1px #fff, 0 0 0 3px #895cd1; } box-shadow: 0 0 0 1px #fff, 0 0 0 3px #563d7c; }
.custom-control-input:active ~ .custom-control-indicator { .custom-control-input:active ~ .custom-control-indicator {
color: #fff; color: #fff;
background-color: #eee7f8; } background-color: #b19dcf; }
.custom-control-input:disabled ~ .custom-control-indicator { .custom-control-input:disabled ~ .custom-control-indicator {
cursor: not-allowed; cursor: not-allowed;
background-color: #eceeef; } background-color: #eceeef; }
@ -3224,7 +3224,7 @@ tbody.collapse.show {
background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E"); } background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E"); }
.custom-checkbox .custom-control-input:indeterminate ~ .custom-control-indicator { .custom-checkbox .custom-control-input:indeterminate ~ .custom-control-indicator {
background-color: #895cd1; background-color: #563d7c;
background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 4'%3E%3Cpath stroke='%23fff' d='M0 2h4'/%3E%3C/svg%3E"); } background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 4'%3E%3Cpath stroke='%23fff' d='M0 2h4'/%3E%3C/svg%3E"); }
.custom-radio .custom-control-indicator { .custom-radio .custom-control-indicator {
@ -3256,7 +3256,7 @@ tbody.collapse.show {
-moz-appearance: none; -moz-appearance: none;
-webkit-appearance: none; } -webkit-appearance: none; }
.custom-select:focus { .custom-select:focus {
border-color: #d1bfed; border-color: #957bbe;
outline: none; } outline: none; }
.custom-select:focus::-ms-value { .custom-select:focus::-ms-value {
color: #464a4c; color: #464a4c;
@ -3369,7 +3369,7 @@ tbody.collapse.show {
.nav-pills .nav-item.show .nav-link { .nav-pills .nav-item.show .nav-link {
color: #fff; color: #fff;
cursor: default; cursor: default;
background-color: #895cd1; } background-color: #563d7c; }
.nav-fill .nav-item { .nav-fill .nav-item {
flex: 1 1 auto; flex: 1 1 auto;
@ -3704,8 +3704,8 @@ tbody.collapse.show {
margin-left: -0.625rem; } margin-left: -0.625rem; }
.card-primary { .card-primary {
background-color: #895cd1; background-color: #563d7c;
border-color: #895cd1; } border-color: #563d7c; }
.card-primary .card-header, .card-primary .card-header,
.card-primary .card-footer { .card-primary .card-footer {
background-color: transparent; } background-color: transparent; }
@ -3740,7 +3740,7 @@ tbody.collapse.show {
.card-outline-primary { .card-outline-primary {
background-color: transparent; background-color: transparent;
border-color: #895cd1; } border-color: #563d7c; }
.card-outline-secondary { .card-outline-secondary {
background-color: transparent; background-color: transparent;
@ -3900,8 +3900,8 @@ tbody.collapse.show {
.page-item.active .page-link { .page-item.active .page-link {
z-index: 2; z-index: 2;
color: #fff; color: #fff;
background-color: #895cd1; background-color: #563d7c;
border-color: #895cd1; } border-color: #563d7c; }
.page-item.disabled .page-link { .page-item.disabled .page-link {
color: #636c72; color: #636c72;
@ -3916,11 +3916,11 @@ tbody.collapse.show {
padding: 0.5rem 0.75rem; padding: 0.5rem 0.75rem;
margin-left: -1px; margin-left: -1px;
line-height: 1.25; line-height: 1.25;
color: #895cd1; color: #563d7c;
background-color: #fff; background-color: #fff;
border: 1px solid #ddd; } border: 1px solid #ddd; }
.page-link:focus, .page-link:hover { .page-link:focus, .page-link:hover {
color: #6231af; color: #322449;
text-decoration: none; text-decoration: none;
background-color: #eceeef; background-color: #eceeef;
border-color: #ddd; } border-color: #ddd; }
@ -3983,9 +3983,9 @@ a.badge:focus, a.badge:hover {
background-color: #4b5257; } background-color: #4b5257; }
.badge-primary { .badge-primary {
background-color: #895cd1; } background-color: #563d7c; }
.badge-primary[href]:focus, .badge-primary[href]:hover { .badge-primary[href]:focus, .badge-primary[href]:hover {
background-color: #6d37c3; } background-color: #3e2c5a; }
.badge-success { .badge-success {
background-color: #5cb85c; } background-color: #5cb85c; }
@ -4097,7 +4097,7 @@ a.badge:focus, a.badge:hover {
.progress-bar { .progress-bar {
height: 1rem; height: 1rem;
color: #fff; color: #fff;
background-color: #895cd1; } background-color: #563d7c; }
.progress-bar-striped { .progress-bar-striped {
background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
@ -4162,14 +4162,14 @@ a.badge:focus, a.badge:hover {
.list-group-item.active { .list-group-item.active {
z-index: 2; z-index: 2;
color: #fff; color: #fff;
background-color: #895cd1; background-color: #563d7c;
border-color: #895cd1; } border-color: #563d7c; }
.list-group-item.active .list-group-item-heading, .list-group-item.active .list-group-item-heading,
.list-group-item.active .list-group-item-heading > small, .list-group-item.active .list-group-item-heading > small,
.list-group-item.active .list-group-item-heading > .small { .list-group-item.active .list-group-item-heading > .small {
color: inherit; } color: inherit; }
.list-group-item.active .list-group-item-text { .list-group-item.active .list-group-item-text {
color: white; } color: #dad0e8; }
.list-group-flush .list-group-item { .list-group-flush .list-group-item {
border-right: 0; border-right: 0;
@ -4785,10 +4785,10 @@ button.close {
background-color: #f7f7f7; } background-color: #f7f7f7; }
.bg-primary { .bg-primary {
background-color: #895cd1 !important; } background-color: #563d7c !important; }
a.bg-primary:focus, a.bg-primary:hover { a.bg-primary:focus, a.bg-primary:hover {
background-color: #6d37c3 !important; } background-color: #3e2c5a !important; }
.bg-success { .bg-success {
background-color: #5cb85c !important; } background-color: #5cb85c !important; }
@ -6648,10 +6648,10 @@ a.text-muted:focus, a.text-muted:hover {
color: #4b5257 !important; } color: #4b5257 !important; }
.text-primary { .text-primary {
color: #895cd1 !important; } color: #563d7c !important; }
a.text-primary:focus, a.text-primary:hover { a.text-primary:focus, a.text-primary:hover {
color: #6d37c3 !important; } color: #3e2c5a !important; }
.text-success { .text-success {
color: #5cb85c !important; } color: #5cb85c !important; }
@ -6817,7 +6817,7 @@ a.skip-link {
width: auto; } width: auto; }
.bg-primary .dropdown-menu { .bg-primary .dropdown-menu {
background-color: #895cd1; } background-color: #563d7c; }
.bg-success .dropdown-menu { .bg-success .dropdown-menu {
background-color: #5cb85c; } background-color: #5cb85c; }
@ -6844,7 +6844,7 @@ a.skip-link {
margin: 0px; margin: 0px;
padding: 0.5em 1em; } padding: 0.5em 1em; }
.dropdown-menu .menu-item a.nav-link:hover { .dropdown-menu .menu-item a.nav-link:hover {
background-color: #895cd1; } background-color: #563d7c; }
button, button,
[type="button"], [type="button"],

2
css/theme.min.css vendored

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

View File

@ -6,7 +6,7 @@
// Just add your color code here, compile the theme.scss file to change this color everywhere // Just add your color code here, compile the theme.scss file to change this color everywhere
$font-family-sans-serif:Arial, sans-serif; $font-family-sans-serif:Arial, sans-serif;
$brand-primary: #895cd1; //#ff6d5a $brand-primary: #563d7c; //#ff6d5a
// Basics of a navbar // Basics of a navbar
$navbar-height: 60px; $navbar-height: 60px;