rayelliott
/
understrap
Archived
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

adding another $brand-primary variable value

This commit is contained in:
koenemann 2016-04-28 16:21:59 +02:00
parent a3f3014954
commit cafdcaf7e2
3 changed files with 46 additions and 45 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

88
css/theme.css
View File

@ -308,10 +308,10 @@ blockquote {
margin: 0 0 1rem; } margin: 0 0 1rem; }
a { a {
color: #4d3873; color: #895cd1;
text-decoration: none; } text-decoration: none; }
a:focus, a:hover { a:focus, a:hover {
color: #2b1f40; color: #6231af;
text-decoration: underline; } text-decoration: underline; }
a:focus { a:focus {
outline: thin dotted; outline: thin dotted;
@ -1689,35 +1689,35 @@ fieldset[disabled] a.btn {
.btn-primary { .btn-primary {
color: #fff; color: #fff;
background-color: #4d3873; background-color: #895cd1;
border-color: #4d3873; } border-color: #895cd1; }
.btn-primary:hover { .btn-primary:hover {
color: #fff; color: #fff;
background-color: #362751; background-color: #6d37c3;
border-color: #31244a; } border-color: #6835bb; }
.btn-primary:focus, .btn-primary.focus { .btn-primary:focus, .btn-primary.focus {
color: #fff; color: #fff;
background-color: #362751; background-color: #6d37c3;
border-color: #31244a; } border-color: #6835bb; }
.btn-primary:active, .btn-primary.active, .btn-primary:active, .btn-primary.active,
.open > .btn-primary.dropdown-toggle { .open > .btn-primary.dropdown-toggle {
color: #fff; color: #fff;
background-color: #362751; background-color: #6d37c3;
border-color: #31244a; border-color: #6835bb;
background-image: none; } background-image: none; }
.btn-primary:active:hover, .btn-primary:active:focus, .btn-primary:active.focus, .btn-primary.active:hover, .btn-primary.active:focus, .btn-primary.active.focus, .btn-primary:active:hover, .btn-primary:active:focus, .btn-primary:active.focus, .btn-primary.active:hover, .btn-primary.active:focus, .btn-primary.active.focus,
.open > .btn-primary.dropdown-toggle:hover, .open > .btn-primary.dropdown-toggle:hover,
.open > .btn-primary.dropdown-toggle:focus, .open > .btn-primary.dropdown-toggle:focus,
.open > .btn-primary.dropdown-toggle.focus { .open > .btn-primary.dropdown-toggle.focus {
color: #fff; color: #fff;
background-color: #261c39; background-color: #5d2fa7;
border-color: #140e1d; } border-color: #4c2687; }
.btn-primary.disabled:focus, .btn-primary.disabled.focus, .btn-primary:disabled:focus, .btn-primary:disabled.focus { .btn-primary.disabled:focus, .btn-primary.disabled.focus, .btn-primary:disabled:focus, .btn-primary:disabled.focus {
background-color: #4d3873; background-color: #895cd1;
border-color: #4d3873; } border-color: #895cd1; }
.btn-primary.disabled:hover, .btn-primary:disabled:hover { .btn-primary.disabled:hover, .btn-primary:disabled:hover {
background-color: #4d3873; background-color: #895cd1;
border-color: #4d3873; } border-color: #895cd1; }
.btn-secondary { .btn-secondary {
color: #373a3c; color: #373a3c;
@ -1880,23 +1880,23 @@ fieldset[disabled] a.btn {
border-color: #d9534f; } border-color: #d9534f; }
.btn-primary-outline { .btn-primary-outline {
color: #4d3873; color: #895cd1;
background-image: none; background-image: none;
background-color: transparent; background-color: transparent;
border-color: #4d3873; } border-color: #895cd1; }
.btn-primary-outline:focus, .btn-primary-outline.focus, .btn-primary-outline:active, .btn-primary-outline.active, .btn-primary-outline:focus, .btn-primary-outline.focus, .btn-primary-outline:active, .btn-primary-outline.active,
.open > .btn-primary-outline.dropdown-toggle { .open > .btn-primary-outline.dropdown-toggle {
color: #fff; color: #fff;
background-color: #4d3873; background-color: #895cd1;
border-color: #4d3873; } border-color: #895cd1; }
.btn-primary-outline:hover { .btn-primary-outline:hover {
color: #fff; color: #fff;
background-color: #4d3873; background-color: #895cd1;
border-color: #4d3873; } border-color: #895cd1; }
.btn-primary-outline.disabled:focus, .btn-primary-outline.disabled.focus, .btn-primary-outline:disabled:focus, .btn-primary-outline:disabled.focus { .btn-primary-outline.disabled:focus, .btn-primary-outline.disabled.focus, .btn-primary-outline:disabled:focus, .btn-primary-outline:disabled.focus {
border-color: #7d60b1; } border-color: #c3ace7; }
.btn-primary-outline.disabled:hover, .btn-primary-outline:disabled:hover { .btn-primary-outline.disabled:hover, .btn-primary-outline:disabled:hover {
border-color: #7d60b1; } border-color: #c3ace7; }
.btn-secondary-outline { .btn-secondary-outline {
color: #ccc; color: #ccc;
@ -1995,7 +1995,7 @@ fieldset[disabled] a.btn {
.btn-link { .btn-link {
font-weight: normal; font-weight: normal;
color: #4d3873; color: #895cd1;
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; }
@ -2004,7 +2004,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: #2b1f40; color: #6231af;
text-decoration: underline; text-decoration: underline;
background-color: transparent; } background-color: transparent; }
.btn-link:disabled:focus, .btn-link:disabled:hover { .btn-link:disabled:focus, .btn-link:disabled:hover {
@ -2121,7 +2121,7 @@ input[type="button"].btn-block {
.dropdown-item.active, .dropdown-item.active:focus, .dropdown-item.active:hover { .dropdown-item.active, .dropdown-item.active:focus, .dropdown-item.active:hover {
color: #fff; color: #fff;
text-decoration: none; text-decoration: none;
background-color: #4d3873; background-color: #895cd1;
outline: 0; } outline: 0; }
.dropdown-item.disabled, .dropdown-item.disabled:focus, .dropdown-item.disabled:hover { .dropdown-item.disabled, .dropdown-item.disabled:focus, .dropdown-item.disabled:hover {
color: #818a91; } color: #818a91; }
@ -2636,7 +2636,7 @@ input[type="button"].btn-block {
.nav-pills .nav-item.open .nav-link:hover { .nav-pills .nav-item.open .nav-link:hover {
color: #fff; color: #fff;
cursor: default; cursor: default;
background-color: #4d3873; } background-color: #895cd1; }
.nav-stacked .nav-item { .nav-stacked .nav-item {
display: block; display: block;
@ -2854,8 +2854,8 @@ input[type="button"].btn-block {
border-radius: 0 0 0.25rem 0.25rem; } border-radius: 0 0 0.25rem 0.25rem; }
.card-primary { .card-primary {
background-color: #4d3873; background-color: #895cd1;
border-color: #4d3873; } border-color: #895cd1; }
.card-success { .card-success {
background-color: #5cb85c; background-color: #5cb85c;
@ -2875,7 +2875,7 @@ input[type="button"].btn-block {
.card-primary-outline { .card-primary-outline {
background-color: transparent; background-color: transparent;
border-color: #4d3873; } border-color: #895cd1; }
.card-secondary-outline { .card-secondary-outline {
background-color: transparent; background-color: transparent;
@ -3029,8 +3029,8 @@ input[type="button"].btn-block {
z-index: 2; z-index: 2;
color: #fff; color: #fff;
cursor: default; cursor: default;
background-color: #4d3873; background-color: #895cd1;
border-color: #4d3873; } border-color: #895cd1; }
.page-item.disabled .page-link, .page-item.disabled .page-link:focus, .page-item.disabled .page-link:hover { .page-item.disabled .page-link, .page-item.disabled .page-link:focus, .page-item.disabled .page-link:hover {
color: #818a91; color: #818a91;
cursor: not-allowed; cursor: not-allowed;
@ -3043,12 +3043,12 @@ input[type="button"].btn-block {
padding: 0.5rem 0.75rem; padding: 0.5rem 0.75rem;
margin-left: -1px; margin-left: -1px;
line-height: 1.5; line-height: 1.5;
color: #4d3873; color: #895cd1;
text-decoration: none; text-decoration: none;
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: #2b1f40; color: #6231af;
background-color: #eceeef; background-color: #eceeef;
border-color: #ddd; } border-color: #ddd; }
@ -3151,9 +3151,9 @@ a.label:focus, a.label:hover {
background-color: #687077; } background-color: #687077; }
.label-primary { .label-primary {
background-color: #4d3873; } background-color: #895cd1; }
.label-primary[href]:focus, .label-primary[href]:hover { .label-primary[href]:focus, .label-primary[href]:hover {
background-color: #362751; } background-color: #6d37c3; }
.label-success { .label-success {
background-color: #5cb85c; } background-color: #5cb85c; }
@ -3469,8 +3469,8 @@ button.list-group-item {
.list-group-item.active, .list-group-item.active:focus, .list-group-item.active:hover { .list-group-item.active, .list-group-item.active:focus, .list-group-item.active:hover {
z-index: 2; z-index: 2;
color: #fff; color: #fff;
background-color: #4d3873; background-color: #895cd1;
border-color: #4d3873; } border-color: #895cd1; }
.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:focus .list-group-item-heading, .list-group-item.active .list-group-item-heading > .small, .list-group-item.active:focus .list-group-item-heading,
@ -3480,7 +3480,7 @@ button.list-group-item {
.list-group-item.active:hover .list-group-item-heading > .small { .list-group-item.active:hover .list-group-item-heading > .small {
color: inherit; } color: inherit; }
.list-group-item.active .list-group-item-text, .list-group-item.active:focus .list-group-item-text, .list-group-item.active:hover .list-group-item-text { .list-group-item.active .list-group-item-text, .list-group-item.active:focus .list-group-item-text, .list-group-item.active:hover .list-group-item-text {
color: #b5a4d3; } color: #fcfbfe; }
.list-group-item-success { .list-group-item-success {
color: #3c763d; color: #3c763d;
@ -4233,10 +4233,10 @@ button.close {
color: #818a91; } color: #818a91; }
.text-primary { .text-primary {
color: #4d3873 !important; } color: #895cd1 !important; }
a.text-primary:focus, a.text-primary:hover { a.text-primary:focus, a.text-primary:hover {
color: #362751; } color: #6d37c3; }
.text-success { .text-success {
color: #5cb85c !important; } color: #5cb85c !important; }
@ -4271,10 +4271,10 @@ a.text-danger:focus, a.text-danger:hover {
.bg-primary { .bg-primary {
color: #fff !important; color: #fff !important;
background-color: #4d3873 !important; } background-color: #895cd1 !important; }
a.bg-primary:focus, a.bg-primary:hover { a.bg-primary:focus, a.bg-primary:hover {
background-color: #362751; } background-color: #6d37c3; }
.bg-success { .bg-success {
color: #fff !important; color: #fff !important;

1
css/theme.min.css vendored Normal file
View File

File diff suppressed because one or more lines are too long

2
sass/theme/_theme_variables.scss
View File

@ -5,7 +5,7 @@
// Thats the ugly Bootstrap blue used for all the links, primary buttons etc. // 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 // Just add your color code here, compile the theme.scss file to change this color everywhere
$brand-primary: #4d3873; //#ff6d5a $brand-primary: #895cd1; //#ff6d5a
// Basics of a navbar // Basics of a navbar
$navbar-height: 60px; $navbar-height: 60px;