Skip to content

Commit

Permalink
using a lighter brand primary color
Browse files Browse the repository at this point in the history
  • Loading branch information
@holger1411
holger1411 committed Jan 7, 2017
1 parent c7b0cf7 commit 982ad67
Show file tree
Hide file tree
Showing 4 changed files with 52 additions and 54 deletions.
98 changes: 49 additions & 49 deletions css/theme.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -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]) {
Expand Down Expand Up @@ -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,
Expand Down Expand Up @@ -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; }
Expand All @@ -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;
Expand Down Expand Up @@ -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;
Expand Down Expand Up @@ -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; }
Expand All @@ -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 {
Expand Down Expand Up @@ -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;
Expand Down Expand Up @@ -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; }
Expand Down Expand Up @@ -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 {
Expand Down Expand Up @@ -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;
Expand Down Expand Up @@ -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;
Expand Down Expand Up @@ -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; }
Expand Down Expand Up @@ -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;
Expand Down Expand Up @@ -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;
Expand All @@ -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; }
Expand Down Expand Up @@ -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; }
Expand Down Expand Up @@ -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);
Expand Down Expand Up @@ -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;
Expand Down Expand Up @@ -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; }
Expand Down Expand Up @@ -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; }
Expand Down Expand Up @@ -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; }
Expand All @@ -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"],
Expand Down
2 changes: 1 addition & 1 deletion css/theme.min.css
View file

Large diffs are not rendered by default.

2 changes: 1 addition & 1 deletion css/theme.min.css.map
View file

Large diffs are not rendered by default.

4 changes: 1 addition & 3 deletions sass/theme/_theme_variables.scss
View file
Original file line number Diff line number Diff line change
Expand Up @@ -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;
Expand Down

0 comments on commit 982ad67

Please sign in to comment.