using a lighter brand primary color
This commit is contained in:
parent
c7b0cf7075
commit
982ad6718b
|
@ -319,10 +319,10 @@ blockquote {
|
|||
margin: 0 0 1rem; }
|
||||
|
||||
a {
|
||||
color: #5D4187;
|
||||
color: #7852B2;
|
||||
text-decoration: none; }
|
||||
a:focus, a:hover {
|
||||
color: #392853;
|
||||
color: #54397f;
|
||||
text-decoration: underline; }
|
||||
|
||||
a:not([href]):not([tabindex]) {
|
||||
|
@ -1555,7 +1555,7 @@ pre {
|
|||
.wpcf7 textarea:focus, .wpcf7 .wpcf7-validation-errors:focus {
|
||||
color: #464a4c;
|
||||
background-color: #fff;
|
||||
border-color: #9d84c4;
|
||||
border-color: #bdaad9;
|
||||
outline: none; }
|
||||
.form-control::placeholder, .wpcf7 input[type=text]::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; }
|
||||
.btn:focus, .wpcf7 input[type=submit]:focus, .btn.focus, .wpcf7 input.focus[type=submit] {
|
||||
outline: 0;
|
||||
box-shadow: 0 0 0 2px rgba(93, 65, 135, 0.25); }
|
||||
box-shadow: 0 0 0 2px rgba(120, 82, 178, 0.25); }
|
||||
.btn.disabled, .wpcf7 input.disabled[type=submit], .btn:disabled, .wpcf7 input[type=submit]:disabled {
|
||||
cursor: not-allowed;
|
||||
opacity: .65; }
|
||||
|
@ -2102,23 +2102,23 @@ fieldset[disabled] a.btn {
|
|||
|
||||
.btn-primary {
|
||||
color: #fff;
|
||||
background-color: #5D4187;
|
||||
border-color: #5D4187; }
|
||||
background-color: #7852B2;
|
||||
border-color: #7852B2; }
|
||||
.btn-primary:hover {
|
||||
color: #fff;
|
||||
background-color: #453065;
|
||||
border-color: #412d5e; }
|
||||
background-color: #604091;
|
||||
border-color: #5b3d8a; }
|
||||
.btn-primary:focus, .btn-primary.focus {
|
||||
box-shadow: 0 0 0 2px rgba(93, 65, 135, 0.5); }
|
||||
box-shadow: 0 0 0 2px rgba(120, 82, 178, 0.5); }
|
||||
.btn-primary.disabled, .btn-primary:disabled {
|
||||
background-color: #5D4187;
|
||||
border-color: #5D4187; }
|
||||
background-color: #7852B2;
|
||||
border-color: #7852B2; }
|
||||
.btn-primary:active, .btn-primary.active,
|
||||
.show > .btn-primary.dropdown-toggle {
|
||||
color: #fff;
|
||||
background-color: #453065;
|
||||
background-color: #604091;
|
||||
background-image: none;
|
||||
border-color: #412d5e; }
|
||||
border-color: #5b3d8a; }
|
||||
|
||||
.btn-secondary {
|
||||
color: #292b2c;
|
||||
|
@ -2221,25 +2221,25 @@ fieldset[disabled] a.btn {
|
|||
border-color: #c12e2a; }
|
||||
|
||||
.btn-outline-primary, .wpcf7 input[type=submit] {
|
||||
color: #5D4187;
|
||||
color: #7852B2;
|
||||
background-image: none;
|
||||
background-color: transparent;
|
||||
border-color: #5D4187; }
|
||||
border-color: #7852B2; }
|
||||
.btn-outline-primary:hover, .wpcf7 input[type=submit]:hover {
|
||||
color: #fff;
|
||||
background-color: #5D4187;
|
||||
border-color: #5D4187; }
|
||||
background-color: #7852B2;
|
||||
border-color: #7852B2; }
|
||||
.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(93, 65, 135, 0.5); }
|
||||
box-shadow: 0 0 0 2px rgba(120, 82, 178, 0.5); }
|
||||
.btn-outline-primary.disabled, .wpcf7 input.disabled[type=submit], .btn-outline-primary:disabled, .wpcf7 input[type=submit]:disabled {
|
||||
color: #5D4187;
|
||||
color: #7852B2;
|
||||
background-color: transparent; }
|
||||
.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 > input.dropdown-toggle[type=submit] {
|
||||
color: #fff;
|
||||
background-color: #5D4187;
|
||||
border-color: #5D4187; }
|
||||
background-color: #7852B2;
|
||||
border-color: #7852B2; }
|
||||
|
||||
.btn-outline-secondary {
|
||||
color: #ccc;
|
||||
|
@ -2343,7 +2343,7 @@ fieldset[disabled] a.btn {
|
|||
|
||||
.btn-link {
|
||||
font-weight: normal;
|
||||
color: #5D4187;
|
||||
color: #7852B2;
|
||||
border-radius: 0; }
|
||||
.btn-link, .btn-link:active, .btn-link.active, .btn-link:disabled {
|
||||
background-color: transparent; }
|
||||
|
@ -2352,7 +2352,7 @@ fieldset[disabled] a.btn {
|
|||
.btn-link:hover {
|
||||
border-color: transparent; }
|
||||
.btn-link:focus, .btn-link:hover {
|
||||
color: #392853;
|
||||
color: #54397f;
|
||||
text-decoration: underline;
|
||||
background-color: transparent; }
|
||||
.btn-link:disabled {
|
||||
|
@ -2470,7 +2470,7 @@ tbody.collapse.show {
|
|||
.dropdown-item.active, .dropdown-item:active {
|
||||
color: #fff;
|
||||
text-decoration: none;
|
||||
background-color: #5D4187; }
|
||||
background-color: #7852B2; }
|
||||
.dropdown-item.disabled, .dropdown-item:disabled {
|
||||
color: #636c72;
|
||||
cursor: not-allowed;
|
||||
|
@ -3190,12 +3190,12 @@ tbody.collapse.show {
|
|||
opacity: 0; }
|
||||
.custom-control-input:checked ~ .custom-control-indicator {
|
||||
color: #fff;
|
||||
background-color: #5D4187; }
|
||||
background-color: #7852B2; }
|
||||
.custom-control-input:focus ~ .custom-control-indicator {
|
||||
box-shadow: 0 0 0 1px #fff, 0 0 0 3px #5D4187; }
|
||||
box-shadow: 0 0 0 1px #fff, 0 0 0 3px #7852B2; }
|
||||
.custom-control-input:active ~ .custom-control-indicator {
|
||||
color: #fff;
|
||||
background-color: #b9a6d4; }
|
||||
background-color: #d8cee9; }
|
||||
.custom-control-input:disabled ~ .custom-control-indicator {
|
||||
cursor: not-allowed;
|
||||
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"); }
|
||||
|
||||
.custom-checkbox .custom-control-input:indeterminate ~ .custom-control-indicator {
|
||||
background-color: #5D4187;
|
||||
background-color: #7852B2;
|
||||
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 {
|
||||
|
@ -3256,7 +3256,7 @@ tbody.collapse.show {
|
|||
-moz-appearance: none;
|
||||
-webkit-appearance: none; }
|
||||
.custom-select:focus {
|
||||
border-color: #9d84c4;
|
||||
border-color: #bdaad9;
|
||||
outline: none; }
|
||||
.custom-select:focus::-ms-value {
|
||||
color: #464a4c;
|
||||
|
@ -3369,7 +3369,7 @@ tbody.collapse.show {
|
|||
.nav-pills .nav-item.show .nav-link {
|
||||
color: #fff;
|
||||
cursor: default;
|
||||
background-color: #5D4187; }
|
||||
background-color: #7852B2; }
|
||||
|
||||
.nav-fill .nav-item {
|
||||
flex: 1 1 auto;
|
||||
|
@ -3704,8 +3704,8 @@ tbody.collapse.show {
|
|||
margin-left: -0.625rem; }
|
||||
|
||||
.card-primary {
|
||||
background-color: #5D4187;
|
||||
border-color: #5D4187; }
|
||||
background-color: #7852B2;
|
||||
border-color: #7852B2; }
|
||||
.card-primary .card-header,
|
||||
.card-primary .card-footer {
|
||||
background-color: transparent; }
|
||||
|
@ -3740,7 +3740,7 @@ tbody.collapse.show {
|
|||
|
||||
.card-outline-primary {
|
||||
background-color: transparent;
|
||||
border-color: #5D4187; }
|
||||
border-color: #7852B2; }
|
||||
|
||||
.card-outline-secondary {
|
||||
background-color: transparent;
|
||||
|
@ -3900,8 +3900,8 @@ tbody.collapse.show {
|
|||
.page-item.active .page-link {
|
||||
z-index: 2;
|
||||
color: #fff;
|
||||
background-color: #5D4187;
|
||||
border-color: #5D4187; }
|
||||
background-color: #7852B2;
|
||||
border-color: #7852B2; }
|
||||
|
||||
.page-item.disabled .page-link {
|
||||
color: #636c72;
|
||||
|
@ -3916,11 +3916,11 @@ tbody.collapse.show {
|
|||
padding: 0.5rem 0.75rem;
|
||||
margin-left: -1px;
|
||||
line-height: 1.25;
|
||||
color: #5D4187;
|
||||
color: #7852B2;
|
||||
background-color: #fff;
|
||||
border: 1px solid #ddd; }
|
||||
.page-link:focus, .page-link:hover {
|
||||
color: #392853;
|
||||
color: #54397f;
|
||||
text-decoration: none;
|
||||
background-color: #eceeef;
|
||||
border-color: #ddd; }
|
||||
|
@ -3983,9 +3983,9 @@ a.badge:focus, a.badge:hover {
|
|||
background-color: #4b5257; }
|
||||
|
||||
.badge-primary {
|
||||
background-color: #5D4187; }
|
||||
background-color: #7852B2; }
|
||||
.badge-primary[href]:focus, .badge-primary[href]:hover {
|
||||
background-color: #453065; }
|
||||
background-color: #604091; }
|
||||
|
||||
.badge-success {
|
||||
background-color: #5cb85c; }
|
||||
|
@ -4097,7 +4097,7 @@ a.badge:focus, a.badge:hover {
|
|||
.progress-bar {
|
||||
height: 1rem;
|
||||
color: #fff;
|
||||
background-color: #5D4187; }
|
||||
background-color: #7852B2; }
|
||||
|
||||
.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);
|
||||
|
@ -4162,14 +4162,14 @@ a.badge:focus, a.badge:hover {
|
|||
.list-group-item.active {
|
||||
z-index: 2;
|
||||
color: #fff;
|
||||
background-color: #5D4187;
|
||||
border-color: #5D4187; }
|
||||
background-color: #7852B2;
|
||||
border-color: #7852B2; }
|
||||
.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 {
|
||||
color: inherit; }
|
||||
.list-group-item.active .list-group-item-text {
|
||||
color: #e2daed; }
|
||||
color: white; }
|
||||
|
||||
.list-group-flush .list-group-item {
|
||||
border-right: 0;
|
||||
|
@ -4785,10 +4785,10 @@ button.close {
|
|||
background-color: #f7f7f7; }
|
||||
|
||||
.bg-primary {
|
||||
background-color: #5D4187 !important; }
|
||||
background-color: #7852B2 !important; }
|
||||
|
||||
a.bg-primary:focus, a.bg-primary:hover {
|
||||
background-color: #453065 !important; }
|
||||
background-color: #604091 !important; }
|
||||
|
||||
.bg-success {
|
||||
background-color: #5cb85c !important; }
|
||||
|
@ -6648,10 +6648,10 @@ a.text-muted:focus, a.text-muted:hover {
|
|||
color: #4b5257 !important; }
|
||||
|
||||
.text-primary {
|
||||
color: #5D4187 !important; }
|
||||
color: #7852B2 !important; }
|
||||
|
||||
a.text-primary:focus, a.text-primary:hover {
|
||||
color: #453065 !important; }
|
||||
color: #604091 !important; }
|
||||
|
||||
.text-success {
|
||||
color: #5cb85c !important; }
|
||||
|
@ -6817,7 +6817,7 @@ a.skip-link {
|
|||
width: auto; }
|
||||
|
||||
.bg-primary .dropdown-menu {
|
||||
background-color: #5D4187; }
|
||||
background-color: #7852B2; }
|
||||
|
||||
.bg-success .dropdown-menu {
|
||||
background-color: #5cb85c; }
|
||||
|
@ -6844,7 +6844,7 @@ a.skip-link {
|
|||
margin: 0px;
|
||||
padding: 0.5em 1em; }
|
||||
.dropdown-menu .menu-item a.nav-link:hover {
|
||||
background-color: #5D4187; }
|
||||
background-color: #7852B2; }
|
||||
|
||||
button,
|
||||
[type="button"],
|
||||
|
|
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
|
@ -5,10 +5,8 @@
|
|||
// Thats the ugly Bootstrap blue used for all the links, primary buttons etc.
|
||||
// Just add your color code here, compile the theme.scss file to change this color everywhere
|
||||
|
||||
|
||||
$font-family-sans-serif:Arial, sans-serif;
|
||||
$brand-primary: #5D4187; //#ff6d5a
|
||||
|
||||
$brand-primary: #7852B2; //#ff6d5a
|
||||
|
||||
// Basics of a navbar
|
||||
$navbar-height: 60px;
|
||||
|
|
Reference in New Issue