mirror of
https://github.com/invoiceninja/invoiceninja.git
synced 2024-11-08 12:12:48 +01:00
Tweaking UI colors
This commit is contained in:
Hillel Coren
parent
b0146ce8ec
commit
f49827d4ad
@ -54,6 +54,7 @@ elixir(function(mix) {
|
||||
'typeahead.js-bootstrap.css',
|
||||
'style.css',
|
||||
'sidebar.css',
|
||||
'colors.css',
|
||||
'fonts.css'
|
||||
], 'public/css/built.css');
|
||||
|
||||
|
||||
6
public/css/built.css
vendored
6
public/css/built.css
vendored
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
79
resources/assets/css/colors.css
vendored
Normal file
79
resources/assets/css/colors.css
vendored
Normal file
@ -0,0 +1,79 @@
|
||||
body {
|
||||
background-color: #fcfcfc;
|
||||
}
|
||||
|
||||
.nav-tabs.nav-justified>.active>a, .nav-tabs.nav-justified>.active>a:hover, .nav-tabs.nav-justified>.active>a:focus {
|
||||
background-color: #337ab7;
|
||||
}
|
||||
|
||||
.navbar .dropdown-menu {
|
||||
border-top: 1px solid #337ab7;
|
||||
}
|
||||
|
||||
.active-clients {
|
||||
background-color: #337ab7;
|
||||
}
|
||||
|
||||
.pagination>.active>a, .pagination>.active>span, .pagination>.active>a:hover, .pagination>.active>span:hover, .pagination>.active>a:focus, .pagination>.active>span:focus {
|
||||
background-color: #337ab7;
|
||||
border-color: #337ab7;
|
||||
}
|
||||
|
||||
.navbar {
|
||||
background-color: #337ab7 !important;
|
||||
}
|
||||
|
||||
.navbar-collapse {
|
||||
background-color: #337ab7 !important;
|
||||
}
|
||||
|
||||
.panel-heading {
|
||||
background-color: #286090 !important;
|
||||
}
|
||||
|
||||
|
||||
table.dataTable thead > tr > th,
|
||||
table.invoice-table thead > tr > th {
|
||||
background-color: #777 !important;
|
||||
color:#fff;
|
||||
}
|
||||
|
||||
thead th {
|
||||
border-left: 1px solid #999;
|
||||
}
|
||||
|
||||
.sidebar-nav {
|
||||
background-color: #313131;
|
||||
}
|
||||
|
||||
.sidebar-nav li {
|
||||
border-bottom:solid 1px #4c4c4c;
|
||||
}
|
||||
|
||||
.sidebar-nav i.fa {
|
||||
color: white;
|
||||
}
|
||||
|
||||
.menu-toggle i,
|
||||
.sidebar-nav li > a {
|
||||
color: #999999;
|
||||
}
|
||||
|
||||
.menu-toggle:hover i,
|
||||
.sidebar-nav li:hover > a,
|
||||
.sidebar-nav li > a.active {
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
.sidebar-nav li:hover,
|
||||
.sidebar-nav li.active {
|
||||
background: rgba(255,255,255,0.2);
|
||||
}
|
||||
|
||||
.menu-toggle {
|
||||
color: #999 !important;
|
||||
}
|
||||
|
||||
.menu-toggle:hover {
|
||||
color: #fff !important;
|
||||
}
|
||||
19
resources/assets/css/style.css
vendored
19
resources/assets/css/style.css
vendored
@ -7,7 +7,6 @@ html {
|
||||
/* overflow-y: scroll; */
|
||||
}
|
||||
.bold { font-weight: 700; }
|
||||
a {color:#34495E;}
|
||||
/*a:hover { text-decoration: none; color: #0a3857;}*/
|
||||
.breadcrumb {
|
||||
padding: 8px 0!important;
|
||||
@ -205,6 +204,7 @@ padding: 5px 10px;
|
||||
-webkit-box-shadow: none;
|
||||
box-shadow: none;
|
||||
}
|
||||
/*
|
||||
.xbtn-primary {
|
||||
background-color: #34495E;
|
||||
border-color: #34495E;
|
||||
@ -213,6 +213,7 @@ border-color: #34495E;
|
||||
background-color: #0a456c;
|
||||
border-color: #0a456c;
|
||||
}
|
||||
*/
|
||||
.btn-default {background-color: #808080;
|
||||
border-color: #808080;
|
||||
color: #fff;
|
||||
@ -329,10 +330,6 @@ table.table thead > tr > th {
|
||||
table td {
|
||||
max-width: 250px;
|
||||
}
|
||||
.pagination>.active>a, .pagination>.active>span, .pagination>.active>a:hover, .pagination>.active>span:hover, .pagination>.active>a:focus, .pagination>.active>span:focus {
|
||||
background-color: #34495E;
|
||||
border-color: #34495E;
|
||||
}
|
||||
.pagination>li:first-child>a, .pagination>li:first-child>span {
|
||||
border-bottom-left-radius: 3px;
|
||||
border-top-left-radius: 3px;
|
||||
@ -389,8 +386,7 @@ background-color: #9b9b9b;
|
||||
}
|
||||
.nav-tabs.nav-justified>.active>a, .nav-tabs.nav-justified>.active>a:hover, .nav-tabs.nav-justified>.active>a:focus {
|
||||
border: none;
|
||||
background-color: #34495E;
|
||||
font-weight: bold;
|
||||
font-weight: bold;
|
||||
color: #fff;
|
||||
}
|
||||
.navbar {
|
||||
@ -447,9 +443,6 @@ canvas {
|
||||
top: 11px;
|
||||
left: -6px;
|
||||
}
|
||||
.navbar .dropdown-menu {
|
||||
border-top: 1px solid #34495E;
|
||||
}
|
||||
.navbar-brand {
|
||||
padding-top:20px;
|
||||
}
|
||||
@ -498,7 +491,6 @@ background-clip: padding-box;
|
||||
|
||||
|
||||
.active-clients {
|
||||
background-color: #34495E;
|
||||
background-image:url('../images/activeclients.png');
|
||||
background-position:center;
|
||||
background-repeat: no-repeat;
|
||||
@ -908,11 +900,6 @@ div.checkbox > label {
|
||||
color: white;
|
||||
}
|
||||
|
||||
.panel-heading {
|
||||
/*background-color: #e37329 !important;*/
|
||||
background-color: #286090 !important;
|
||||
}
|
||||
|
||||
div.alert {
|
||||
z-index: 1;
|
||||
}
|
||||
|
||||
@ -7,149 +7,6 @@
|
||||
|
||||
<style type="text/css">
|
||||
|
||||
body {
|
||||
background-color: #fcfcfc;
|
||||
}
|
||||
|
||||
.navbar {
|
||||
background-color: #337ab7 !important;
|
||||
}
|
||||
|
||||
.navbar-collapse {
|
||||
background-color: #337ab7 !important;
|
||||
}
|
||||
|
||||
|
||||
table.dataTable thead > tr > th,
|
||||
table.invoice-table thead > tr > th {
|
||||
background-color: #777 !important;
|
||||
xbackground-color: #8f8f8f !important;
|
||||
xbackground-color: #34495E !important;
|
||||
color:#fff;
|
||||
}
|
||||
|
||||
thead th {
|
||||
border-left: 1px solid #999;
|
||||
}
|
||||
|
||||
.sidebar-nav {
|
||||
background-color: #313131;
|
||||
}
|
||||
|
||||
.sidebar-nav li {
|
||||
border-bottom:solid 1px #4c4c4c;
|
||||
}
|
||||
|
||||
.sidebar-nav i.fa {
|
||||
color: white;
|
||||
}
|
||||
|
||||
.menu-toggle i,
|
||||
.sidebar-nav li > a {
|
||||
color: #999999;
|
||||
}
|
||||
|
||||
.menu-toggle:hover i,
|
||||
.sidebar-nav li:hover > a,
|
||||
.sidebar-nav li > a.active {
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
.sidebar-nav li:hover,
|
||||
.sidebar-nav li.active {
|
||||
background: rgba(255,255,255,0.2);
|
||||
}
|
||||
|
||||
.menu-toggle {
|
||||
color: #999 !important;
|
||||
}
|
||||
|
||||
.menu-toggle:hover {
|
||||
color: #fff !important;
|
||||
}
|
||||
|
||||
|
||||
.menu-toggle {
|
||||
text-decoration: none;
|
||||
}
|
||||
.menu-toggle:hover {
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
.icon-footer {
|
||||
text-align: center;
|
||||
position:fixed;
|
||||
bottom:12px;
|
||||
left:16px;
|
||||
color:white;
|
||||
font-size:16px
|
||||
}
|
||||
|
||||
.icon-footer i {
|
||||
width: 40px;
|
||||
color: #999999;
|
||||
}
|
||||
|
||||
.icon-footer i:hover {
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
|
||||
|
||||
/*
|
||||
body {
|
||||
background: white;
|
||||
}
|
||||
|
||||
div.panel-body {
|
||||
background-color: #f2f5fe;
|
||||
}
|
||||
|
||||
table.dataTable thead > tr > th,
|
||||
table.invoice-table thead > tr > th {
|
||||
background-color: #0b4d78 !important;
|
||||
color:#fff;
|
||||
}
|
||||
|
||||
thead th {
|
||||
border-left: 1px solid #7a8799;
|
||||
}
|
||||
|
||||
.sidebar-nav {
|
||||
background-color: #f2f5fe;
|
||||
}
|
||||
|
||||
.sidebar-nav i.fa {
|
||||
color: #7a8799;
|
||||
}
|
||||
|
||||
.sidebar-nav li {
|
||||
border-bottom:solid 1px #7a8799;
|
||||
}
|
||||
|
||||
.sidebar-nav li > a {
|
||||
color: #7a8799;
|
||||
}
|
||||
|
||||
.sidebar-nav li:hover > a,
|
||||
.sidebar-nav li > a.active {
|
||||
color: #2b435d;
|
||||
}
|
||||
|
||||
.sidebar-nav li:hover,
|
||||
.sidebar-nav li.active {
|
||||
background: rgba(255,255,255,1);
|
||||
}
|
||||
|
||||
.menu-toggle {
|
||||
color: #999 !important;
|
||||
}
|
||||
|
||||
.menu-toggle:hover {
|
||||
color: #fff !important;
|
||||
}
|
||||
*/
|
||||
|
||||
@if (Auth::check() && Auth::user()->dark_mode)
|
||||
body {
|
||||
background: #000 !important;
|
||||
|
||||
Loading…
Reference in New Issue
Block a user