Skip to content

Commit

Permalink
#1245 Add Backstage accents
Browse files Browse the repository at this point in the history
  • Loading branch information
Yannick committed Apr 17, 2015
1 parent 9c1413a commit 702f377
Show file tree
Hide file tree
Showing 14 changed files with 72 additions and 184 deletions.
20 changes: 6 additions & 14 deletions backstage/css/accents/1.css
Original file line number Diff line number Diff line change
@@ -1,32 +1,24 @@
/* Accent 1 - ModernBB Blue */
.navbar-inverse, .footer, .alert-all, .modal-form .modal-header, .modal-form .modal-footer, .navbar-inverse .navbar-toggle .icon-bar, .btn-primary {
.jumboheader, .panel-default .panel-heading, .btn-primary, .btn-primary:focus, .btn-primary:active, .active.btn-primary, .open .btn-primary.dropdown-toggle {
background-color: #14a3ff;
}

.navbar-secondary, .first-run-profile, .footer .copyright, .panel-default .panel-heading, .nav-tabs > li > a:hover, .thread-jumbotron, .jumbotron, .user-card-profile, .pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus, .btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active, .btn-primary.disabled, [disabled].btn-primary, .category-header {
.navbar-default {
background-color: #0b95ed;
}

.activity-header, .nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus, .navbar-default, .new-item .label-default, a.list-group-item.active, a.list-group-item.active:hover, a.list-group-item.active:focus, .list-group-forum .list-group-item.active.new-item {
.panel-primary > .panel-heading, .btn-primary:hover, .btn-primary:focus, .btn-primary:active {
background-color: #0589de;
}

.list-group-forum a.list-group-item:hover, .list-group-topic .list-group-item:hover {
.panel-default .panel-heading {
border-color: #14a3ff;
}

.btn-primary {
border-color: #0b95ed;
}

.btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active, .btn-primary.disabled, [disabled].btn-primary, .category-header, a.list-group-item.active, a.list-group-item.active:hover, a.list-group-item.active:focus, .list-group-forum .list-group-item.active.new-item {
border-color: #0589de;
}

.col-sm-9 a, a:focus, .pagination > li > a, .pagination > li > span {
color: #0b95ed;
}

a.list-group-item:hover, a:hover, a:active {
color: #0589de;
.panel-primary > .panel-heading, .btn-primary:hover {
border-color: #0589de;
}
40 changes: 11 additions & 29 deletions backstage/css/accents/10.css
Original file line number Diff line number Diff line change
@@ -1,57 +1,39 @@
/* Accent 10 - White */
.navbar-inverse, .footer, .alert-all, .modal-form .modal-header, .modal-form .modal-footer, .navbar-inverse .navbar-toggle .icon-bar, .btn-primary {
.jumboheader, .panel-default .panel-heading, .btn-primary, .btn-primary:focus, .btn-primary:active, .active.btn-primary, .open .btn-primary.dropdown-toggle {
background-color: #eeeeee;
}

.navbar-secondary, .first-run-profile, .footer .copyright, .panel-default .panel-heading, .nav-tabs > li > a:hover, .thread-jumbotron, .jumbotron, .user-card-profile, .pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus, .btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active, .btn-primary.disabled, [disabled].btn-primary, .category-header {
.navbar-default {
background-color: #dddddd;
}

.activity-header, .nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus, .navbar-default, .new-item .label-default, a.list-group-item.active, a.list-group-item.active:hover, a.list-group-item.active:focus, .list-group-forum .list-group-item.active.new-item {
.panel-primary > .panel-heading, .btn-primary:hover, .btn-primary:focus, .btn-primary:active {
background-color: #cccccc;
}

.list-group-forum a.list-group-item:hover, .list-group-topic .list-group-item:hover, .btn-primary, .btn-primary.active, .btn-primary.focus, .btn-primary:active, .btn-primary:focus, .btn-primary:hover, .open > .dropdown-toggle.btn-primary {
.panel-default .panel-heading {
border-color: #eeeeee;
}

.btn-primary {
border-color: #dddddd;
}

.btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active, .btn-primary.disabled, [disabled].btn-primary, .category-header,
a.list-group-item.active, a.list-group-item.active:hover, a.list-group-item.active:focus, .list-group-forum .list-group-item.active.new-item {
.panel-primary > .panel-heading, .btn-primary:hover {
border-color: #cccccc;
}

.col-sm-9 a, a:focus, .pagination > li > a, .pagination > li > span {
color: #dddddd;
.panel-heading, .jumbotron .container h2, .nav-tabs > li:not(.active) > a, .navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:focus, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > li > a, .navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus, .navbar-default .navbar-brand:hover, .navbar-default .navbar-brand:hover, .navbar-default .navbar-brand:focus, .navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus, .navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus, .navbar-default .navbar-brand, .navbar-default .navbar-nav > li > a {
color: #555 !important;
}

a.list-group-item:hover, a:hover, a:active {
color: #cccccc;
.nav-tabs > li > a:hover, .nav > li > a:hover, .nav > li > a:focus {
color: #fff !important;
}

.navbar-inverse .navbar-brand:hover, .navbar-inverse .navbar-brand:focus, .first-run-title, .navbar-inverse .navbar-nav > li > a:hover, .navbar-inverse .navbar-nav > li > a:focus, .navbar-inverse .navbar-nav > li > a, .navbar-inverse .navbar-brand, .footer, .footer a, .panel-default .panel-heading, .active.list-group-item, .active.list-group-item:hover, .active.list-group-item:focus, .alert-all, .jumbotron h2, .navbar-inverse .navbar-nav > .open > a, .navbar-inverse .navbar-nav > .open > a:hover, .navbar-inverse .navbar-nav > .open > a:focus, .navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:hover, .navbar-inverse .navbar-nav > .active > a:focus, .user-card-title, .nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus, .btn-primary, .btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active, .btn-primary.disabled, [disabled].btn-primary, .nav > li > a, a.list-group-item:hover, .navbar-default .navbar-brand, .navbar-default .navbar-brand:focus, .navbar-default .navbar-brand:hover, .category-header, .new-item .label-default, .nav > li > a, a.list-group-item:hover, a:hover, a:active {
color: #555;
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus, .navbar-default .navbar-brand:hover, .navbar-default .navbar-brand:hover, .navbar-default .navbar-brand:focus, .navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus, .navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus {
text-shadow: 0px 0px 5px 1px rgba(100,100,100,0.5);
}

.jumbotron .container h2 {
color: #fff;
}

.navbar-inverse .navbar-toggle, .navbar-inverse .navbar-toggle:hover, .navbar-inverse .navbar-toggle:focus {
background-color: #555;
}

a, a:focus, .pagination > li > a, .pagination > li > span {
color: #333;
}

.navbar-inverse .navbar-nav > .open > a, .navbar-inverse .navbar-nav > .open > a:hover, .navbar-inverse .navbar-nav > .open > a:focus, .navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:hover, .navbar-inverse .navbar-nav > .active > a:focus {
text-shadow: 0px 0px 5px 1px rgba(0,0,0,0.2);
}

a.btn.btn-primary, a.btn.btn-danger, a.btn.btn-warning, .profile-nav a.list-group-item.active:hover {
color: #333 !important;
}
18 changes: 5 additions & 13 deletions backstage/css/accents/11.css
Original file line number Diff line number Diff line change
@@ -1,32 +1,24 @@
/* Accent 11 - Grey */
.navbar-inverse, .footer, .alert-all, .modal-form .modal-header, .modal-form .modal-footer, .navbar-inverse .navbar-toggle .icon-bar, .btn-primary {
.jumboheader, .panel-default .panel-heading, .btn-primary, .btn-primary:focus, .btn-primary:active, .active.btn-primary, .open .btn-primary.dropdown-toggle {
background-color: #afafaf;
}

.navbar-secondary, .first-run-profile, .footer .copyright, .panel-default .panel-heading, .nav-tabs > li > a:hover, .thread-jumbotron, .jumbotron, .user-card-profile, .pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus, .btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active, .btn-primary.disabled, [disabled].btn-primary, .category-header {
.navbar-default {
background-color: #9e9e9e;
}

.activity-header, .nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus, .navbar-default, .new-item .label-default, a.list-group-item.active, a.list-group-item.active:hover, a.list-group-item.active:focus, .list-group-forum .list-group-item.active.new-item {
.panel-primary > .panel-heading, .btn-primary:hover, .btn-primary:focus, .btn-primary:active {
background-color: #8e8e8e;
}

.list-group-forum a.list-group-item:hover, .list-group-topic .list-group-item:hover {
.panel-default .panel-heading {
border-color: #afafaf;
}

.btn-primary {
border-color: #9e9e9e;
}

.btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active, .btn-primary.disabled, [disabled].btn-primary, .category-header, a.list-group-item.active, a.list-group-item.active:hover, a.list-group-item.active:focus, .list-group-forum .list-group-item.active.new-item {
.panel-primary > .panel-heading, .btn-primary:hover {
border-color: #8e8e8e;
}

.col-sm-9 a, a:focus, .pagination > li > a, .pagination > li > span {
color: #9e9e9e;
}

a.list-group-item:hover, a:hover, a:active {
color: #8e8e8e;
}
20 changes: 6 additions & 14 deletions backstage/css/accents/12.css
Original file line number Diff line number Diff line change
@@ -1,32 +1,24 @@
/* Accent 12 - Dark grey */
.navbar-inverse, .footer, .alert-all, .modal-form .modal-header, .modal-form .modal-footer, .navbar-inverse .navbar-toggle .icon-bar, .btn-primary {
/* Accent 12 - Black */
.jumboheader, .panel-default .panel-heading, .btn-primary, .btn-primary:focus, .btn-primary:active, .active.btn-primary, .open .btn-primary.dropdown-toggle {
background-color: #555555;
}

.navbar-secondary, .first-run-profile, .footer .copyright, .panel-default .panel-heading, .nav-tabs > li > a:hover, .thread-jumbotron, .jumbotron, .user-card-profile, .pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus, .btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active, .btn-primary.disabled, [disabled].btn-primary, .category-header {
.navbar-default {
background-color: #444444;
}

.activity-header, .nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus, .navbar-default, .new-item .label-default, a.list-group-item.active, a.list-group-item.active:hover, a.list-group-item.active:focus, .list-group-forum .list-group-item.active.new-item {
.panel-primary > .panel-heading, .btn-primary:hover, .btn-primary:focus, .btn-primary:active {
background-color: #333333;
}

.list-group-forum a.list-group-item:hover, .list-group-topic .list-group-item:hover {
.panel-default .panel-heading {
border-color: #555555;
}

.btn-primary {
border-color: #444444;
}

.btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active, .btn-primary.disabled, [disabled].btn-primary, .category-header, a.list-group-item.active, a.list-group-item.active:hover, a.list-group-item.active:focus, .list-group-forum .list-group-item.active.new-item {
.panel-primary > .panel-heading, .btn-primary:hover {
border-color: #333333;
}

.col-sm-9 a, a:focus, .pagination > li > a, .pagination > li > span {
color: #444444;
}

a.list-group-item:hover, a:hover, a:active {
color: #333333;
}
20 changes: 6 additions & 14 deletions backstage/css/accents/2.css
Original file line number Diff line number Diff line change
@@ -1,32 +1,24 @@
/* Accent 2 - Blue */
.navbar-inverse, .footer, .alert-all, .modal-form .modal-header, .modal-form .modal-footer, .navbar-inverse .navbar-toggle .icon-bar, .btn-primary {
.jumboheader, .panel-default .panel-heading, .btn-primary, .btn-primary:focus, .btn-primary:active, .active.btn-primary, .open .btn-primary.dropdown-toggle {
background-color: #2788cb;
}

.navbar-secondary, .first-run-profile, .footer .copyright, .panel-default .panel-heading, .nav-tabs > li > a:hover, .thread-jumbotron, .jumbotron, .user-card-profile, .pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus, .btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active, .btn-primary.disabled, [disabled].btn-primary, .category-header {
.navbar-default {
background-color: #1a79bc;
}

.activity-header, .nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus, .navbar-default, .new-item .label-default, a.list-group-item.active, a.list-group-item.active:hover, a.list-group-item.active:focus, .list-group-forum .list-group-item.active.new-item {
.panel-primary > .panel-heading, .btn-primary:hover, .btn-primary:focus, .btn-primary:active {
background-color: #136cab;
}

.list-group-forum a.list-group-item:hover, .list-group-topic .list-group-item:hover {
.panel-default .panel-heading {
border-color: #2788cb;
}

.btn-primary {
border-color: #1a79bc;
border-color: #0589de;
}

.btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active, .btn-primary.disabled, [disabled].btn-primary, .category-header, a.list-group-item.active, a.list-group-item.active:hover, a.list-group-item.active:focus, .list-group-forum .list-group-item.active.new-item {
.panel-primary > .panel-heading, .btn-primary:hover {
border-color: #136cab;
}

.col-sm-9 a, a:focus, .pagination > li > a, .pagination > li > span {
color: #1a79bc;
}

a.list-group-item:hover, a:hover, a:active {
color: #136cab;
}
22 changes: 5 additions & 17 deletions backstage/css/accents/3.css
Original file line number Diff line number Diff line change
@@ -1,36 +1,24 @@
/* Accent 3 - Luna */
.navbar-inverse, .footer, .alert-all, .modal-form .modal-header, .modal-form .modal-footer, .navbar-inverse .navbar-toggle .icon-bar, .btn-primary {
.jumboheader, .panel-default .panel-heading, .btn-primary, .btn-primary:focus, .btn-primary:active, .active.btn-primary, .open .btn-primary.dropdown-toggle {
background-color: #145198;
}

.navbar-secondary, .first-run-profile, .footer .copyright, .panel-default .panel-heading, .nav-tabs > li > a:hover, .thread-jumbotron, .jumbotron, .user-card-profile, .pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus, .btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active, .btn-primary.disabled, [disabled].btn-primary, .category-header {
.navbar-default {
background-color: #0d4382;
}

.activity-header, .nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus, .navbar-default, .new-item .label-default, a.list-group-item.active, a.list-group-item.active:hover, a.list-group-item.active:focus, .list-group-forum .list-group-item.active.new-item {
.panel-primary > .panel-heading, .btn-primary:hover, .btn-primary:focus, .btn-primary:active {
background-color: #0b3c75;
}

.list-group-forum a.list-group-item:hover, .list-group-topic .list-group-item:hover {
.panel-default .panel-heading {
border-color: #145198;
}

.btn-primary {
border-color: #0d4382;
}

.btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active, .btn-primary.disabled, [disabled].btn-primary, .category-header, a.list-group-item.active, a.list-group-item.active:hover, a.list-group-item.active:focus, .list-group-forum .list-group-item.active.new-item {
.panel-primary > .panel-heading, .btn-primary:hover {
border-color: #0b3c75;
}

.col-sm-9 a, a:focus, .pagination > li > a, .pagination > li > span {
color: #0d4382;
}

a.list-group-item:hover, a:hover, a:active {
color: #0b3c75;
}

.btn-primary {
border-color: #0d4382;
}
18 changes: 5 additions & 13 deletions backstage/css/accents/4.css
Original file line number Diff line number Diff line change
@@ -1,32 +1,24 @@
/* Accent 4 - Purple */
.navbar-inverse, .footer, .alert-all, .modal-form .modal-header, .modal-form .modal-footer, .navbar-inverse .navbar-toggle .icon-bar, .btn-primary {
.jumboheader, .panel-default .panel-heading, .btn-primary, .btn-primary:focus, .btn-primary:active, .active.btn-primary, .open .btn-primary.dropdown-toggle {
background-color: #b679d4;
}

.navbar-secondary, .first-run-profile, .footer .copyright, .panel-default .panel-heading, .nav-tabs > li > a:hover, .thread-jumbotron, .jumbotron, .user-card-profile, .pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus, .btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active, .btn-primary.disabled, [disabled].btn-primary, .category-header {
.navbar-default {
background-color: #a268bf;
}

.activity-header, .nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus, .navbar-default, .new-item .label-default, a.list-group-item.active, a.list-group-item.active:hover, a.list-group-item.active:focus, .list-group-forum .list-group-item.active.new-item {
.panel-primary > .panel-heading, .btn-primary:hover, .btn-primary:focus, .btn-primary:active {
background-color: #8b54a7;
}

.list-group-forum a.list-group-item:hover, .list-group-topic .list-group-item:hover {
.panel-default .panel-heading {
border-color: #b679d4;
}

.btn-primary {
border-color: #a268bf;
}

.btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active, .btn-primary.disabled, [disabled].btn-primary, .category-header, a.list-group-item.active, a.list-group-item.active:hover, a.list-group-item.active:focus, .list-group-forum .list-group-item.active.new-item {
.panel-primary > .panel-heading, .btn-primary:hover {
border-color: #8b54a7;
}

.col-sm-9 a, a:focus, .pagination > li > a, .pagination > li > span {
color: #a268bf;
}

a.list-group-item:hover, a:hover, a:active {
color: #8b54a7;
}
Loading

0 comments on commit 702f377

Please sign in to comment.