Skip to content

GitLab

S
synnefo
Commit 11a58dc3 authored by Olga Brani's avatar Olga Brani Committed by Alex Pyrgiotis
Browse files
Options

admin-ui: White theme

parent 7fdfc801
Expand all Hide whitespace changes
Inline Side-by-side
Showing with 347 additions and 287 deletions
snf-admin-app/synnefo_admin/admin/static/css/bootstrap.css
View file @ 11a58dc3
......@@ -390,8 +390,8 @@ body {
font-family: "Open Sans", sans-serif;
font-size: 14px;
line-height: 1.42857;
color: white;
background-color: #303030;
color: #222222;
background-color: white;
}
/* line 39, ../sass/bootstrap/_scaffolding.scss */
......@@ -402,17 +402,17 @@ textarea {
font-family: inherit;
font-size: inherit;
line-height: inherit;
color: white;
color: #222222;
}
/* line 49, ../sass/bootstrap/_scaffolding.scss */
a {
color: #4d99d8;
color: #005b9a;
text-decoration: none;
}
/* line 54, ../sass/bootstrap/_scaffolding.scss */
a:hover, a:focus {
color: #83b8e4;
color: #ee5161;
}
/* line 58, ../sass/bootstrap/_scaffolding.scss */
a:focus {
......@@ -2108,12 +2108,12 @@ th {
padding: 10px;
line-height: 1.42857;
vertical-align: top;
border-top: 1px solid white;
border-top: 1px solid #cccccc;
}
/* line 35, ../sass/bootstrap/_tables.scss */
.table > thead > tr > th {
vertical-align: bottom;
border-bottom: 2px solid white;
border-bottom: 2px solid #cccccc;
}
/* line 45, ../sass/bootstrap/_tables.scss */
.table > caption + thead > tr:first-child > th,
......@@ -2126,11 +2126,11 @@ th {
}
/* line 51, ../sass/bootstrap/_tables.scss */
.table > tbody + tbody {
border-top: 2px solid white;
border-top: 2px solid #cccccc;
}
/* line 56, ../sass/bootstrap/_tables.scss */
.table .table {
background-color: #303030;
background-color: white;
}
/* line 70, ../sass/bootstrap/_tables.scss */
......@@ -2145,7 +2145,7 @@ th {
/* line 82, ../sass/bootstrap/_tables.scss */
.table-bordered {
border: 1px solid white;
border: 1px solid #cccccc;
}
/* line 89, ../sass/bootstrap/_tables.scss */
.table-bordered > thead > tr > th,
......@@ -2154,7 +2154,7 @@ th {
.table-bordered > tbody > tr > td,
.table-bordered > tfoot > tr > th,
.table-bordered > tfoot > tr > td {
border: 1px solid white;
border: 1px solid #cccccc;
}
/* line 96, ../sass/bootstrap/_tables.scss */
.table-bordered > thead > tr > th,
......@@ -2297,7 +2297,7 @@ table th[class*="col-"] {
overflow-y: hidden;
overflow-x: scroll;
-ms-overflow-style: -ms-autohiding-scrollbar;
border: 1px solid white;
border: 1px solid #cccccc;
-webkit-overflow-scrolling: touch;
}
/* line 182, ../sass/bootstrap/_tables.scss */
......@@ -2736,7 +2736,7 @@ select[multiple].input-lg,
display: block;
margin-top: 5px;
margin-bottom: 10px;
color: white;
color: #626262;
}
@media (min-width: 768px) {
......@@ -3099,7 +3099,7 @@ select[multiple].input-lg,
/* line 85, ../sass/bootstrap/_buttons.scss */
.btn-link {
color: #4d99d8;
color: #005b9a;
font-weight: normal;
cursor: pointer;
border-radius: 0;
......@@ -3116,7 +3116,7 @@ select[multiple].input-lg,
}
/* line 105, ../sass/bootstrap/_buttons.scss */
.btn-link:hover, .btn-link:focus {
color: #83b8e4;
color: #ee5161;
text-decoration: underline;
background-color: transparent;
}
......@@ -4811,7 +4811,7 @@ input[type="button"].btn-block {
/* line 48, ../sass/bootstrap/_navs.scss */
.nav .open > a, .nav .open > a:hover, .nav .open > a:focus {
background-color: #d9d9d9;
border-color: #4d99d8;
border-color: #005b9a;
}
/* line 59, ../sass/bootstrap/_navs.scss */
.nav .nav-divider {
......@@ -4827,7 +4827,7 @@ input[type="button"].btn-block {
/* line 76, ../sass/bootstrap/_navs.scss */
.nav-tabs {
border-bottom: 1px solid inherit;
border-bottom: 1px solid #e6e6e6;
}
/* line 78, ../sass/bootstrap/_navs.scss */
.nav-tabs > li {
......@@ -4840,17 +4840,17 @@ input[type="button"].btn-block {
line-height: 1.42857;
border: 1px solid transparent;
border-radius: 0 0 0 0;
color: white;
color: #222222;
}
/* line 91, ../sass/bootstrap/_navs.scss */
.nav-tabs > li > a:hover, .nav-tabs > li > a:focus {
background: inherit;
border-color: inherit inherit inherit;
border-color: inherit inherit #e6e6e6;
}
/* line 102, ../sass/bootstrap/_navs.scss */
.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
color: white;
background-color: #4e4e4e;
color: #222222;
background-color: #d9d9d9;
border: 1px solid inherit;
border-bottom-color: transparent;
cursor: default;
......@@ -5316,8 +5316,8 @@ input[type="button"].btn-block {
/* line 383, ../sass/bootstrap/_navbar.scss */
.navbar-default {
background-color: #222222;
border-color: inherit;
background-color: whitesmoke;
border-color: #e6e6e6;
}
/* line 387, ../sass/bootstrap/_navbar.scss */
.navbar-default .navbar-brand {
......@@ -5326,7 +5326,7 @@ input[type="button"].btn-block {
/* line 390, ../sass/bootstrap/_navbar.scss */
.navbar-default .navbar-brand:hover, .navbar-default .navbar-brand:focus {
color: #e6e6e6;
background-color: transparent;
background-color: #008b44;
}
/* line 396, ../sass/bootstrap/_navbar.scss */
.navbar-default .navbar-text {
......@@ -5334,22 +5334,22 @@ input[type="button"].btn-block {
}
/* line 401, ../sass/bootstrap/_navbar.scss */
.navbar-default .navbar-nav > li > a {
color: white;
color: #222222;
}
/* line 405, ../sass/bootstrap/_navbar.scss */
.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus {
color: white;
background-color: #333333;
color: #222222;
background-color: #ededed;
}
/* line 411, ../sass/bootstrap/_navbar.scss */
.navbar-default .navbar-nav > .has-dropdown:hover > a:first-child {
color: white;
background-color: #333333;
color: #222222;
background-color: #ededed;
}
/* line 419, ../sass/bootstrap/_navbar.scss */
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
color: #303030;
background-color: white;
color: white;
background-color: #ee5161;
}
/* line 427, ../sass/bootstrap/_navbar.scss */
.navbar-default .navbar-nav > .disabled > a, .navbar-default .navbar-nav > .disabled > a:hover, .navbar-default .navbar-nav > .disabled > a:focus {
......@@ -5371,27 +5371,27 @@ input[type="button"].btn-block {
/* line 446, ../sass/bootstrap/_navbar.scss */
.navbar-default .navbar-collapse,
.navbar-default .navbar-form {
border-color: inherit;
border-color: #e6e6e6;
}
/* line 456, ../sass/bootstrap/_navbar.scss */
.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus {
background-color: white;
color: #303030;
background-color: #ee5161;
color: white;
}
@media (max-width: 767px) {
/* line 465, ../sass/bootstrap/_navbar.scss */
.navbar-default .navbar-nav .open .dropdown-menu > li > a {
color: white;
color: #222222;
}
/* line 468, ../sass/bootstrap/_navbar.scss */
.navbar-default .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {
color: white;
background-color: #333333;
color: #222222;
background-color: #ededed;
}
/* line 476, ../sass/bootstrap/_navbar.scss */
.navbar-default .navbar-nav .open .dropdown-menu > .active > a, .navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus {
color: #303030;
background-color: white;
color: white;
background-color: #ee5161;
}
/* line 484, ../sass/bootstrap/_navbar.scss */
.navbar-default .navbar-nav .open .dropdown-menu > .disabled > a, .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:focus {
......@@ -5401,16 +5401,16 @@ input[type="button"].btn-block {
}
/* line 498, ../sass/bootstrap/_navbar.scss */
.navbar-default .navbar-link {
color: white;
color: #222222;
}
/* line 500, ../sass/bootstrap/_navbar.scss */
.navbar-default .navbar-link:hover {
color: white;
color: #222222;
}
/* line 509, ../sass/bootstrap/_navbar.scss */
.navbar-inverse {
background-color: #4e4e4e;
background-color: #cccccc;
border-color: transparent;
}
/* line 513, ../sass/bootstrap/_navbar.scss */
......@@ -5424,20 +5424,20 @@ input[type="button"].btn-block {
}
/* line 522, ../sass/bootstrap/_navbar.scss */
.navbar-inverse .navbar-text {
color: white;
color: #222222;
}
/* line 527, ../sass/bootstrap/_navbar.scss */
.navbar-inverse .navbar-nav > li > a {
color: white;
color: #222222;
}
/* line 531, ../sass/bootstrap/_navbar.scss */
.navbar-inverse .navbar-nav > li > a:hover, .navbar-inverse .navbar-nav > li > a:focus {
color: #303030;
color: #222222;
background-color: #d9d9d9;
}
/* line 537, ../sass/bootstrap/_navbar.scss */
.navbar-inverse .navbar-nav > li.has-dropdown:hover > a:first-child {
color: #303030;
color: #222222;
background-color: #d9d9d9;
}
/* line 545, ../sass/bootstrap/_navbar.scss */
......@@ -5465,7 +5465,7 @@ input[type="button"].btn-block {
/* line 573, ../sass/bootstrap/_navbar.scss */
.navbar-inverse .navbar-collapse,
.navbar-inverse .navbar-form {
border-color: #3c3c3c;
border-color: #bababa;
}
/* line 582, ../sass/bootstrap/_navbar.scss */
.navbar-inverse .navbar-nav > .open > a, .navbar-inverse .navbar-nav > .open > a:hover, .navbar-inverse .navbar-nav > .open > a:focus {
......@@ -5483,11 +5483,11 @@ input[type="button"].btn-block {
}
/* line 597, ../sass/bootstrap/_navbar.scss */
.navbar-inverse .navbar-nav .open .dropdown-menu > li > a {
color: white;
color: #222222;
}
/* line 600, ../sass/bootstrap/_navbar.scss */
.navbar-inverse .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:focus {
color: #303030;
color: #222222;
background-color: #d9d9d9;
}
/* line 608, ../sass/bootstrap/_navbar.scss */
......@@ -5503,11 +5503,11 @@ input[type="button"].btn-block {
}
/* line 625, ../sass/bootstrap/_navbar.scss */
.navbar-inverse .navbar-link {
color: white;
color: #222222;
}
/* line 627, ../sass/bootstrap/_navbar.scss */
.navbar-inverse .navbar-link:hover {
color: #303030;
color: #222222;
}
/* line 4, ../sass/bootstrap/_pagination.scss */
......@@ -5678,12 +5678,12 @@ input[type="button"].btn-block {
padding: .2em .6em .3em;
font-size: 13px;
line-height: 1;
color: #303030;
color: white;
text-align: center;
white-space: nowrap;
vertical-align: baseline;
border-radius: .25em;
background: #eeeeee;
background: #444444;
}
/* line 20, ../sass/bootstrap/_labels.scss */
.label[href]:hover, .label[href]:focus {
......@@ -5703,12 +5703,12 @@ input[type="button"].btn-block {
/* line 42, ../sass/bootstrap/_labels.scss */
.label-default {
background-color: #eeeeee;
background-color: #444444;
color: white;
}
/* line 584, ../sass/bootstrap/_mixins.scss */
.label-default[href]:hover, .label-default[href]:focus {
background-color: #d4d4d4;
background-color: #2b2b2b;
}
/* line 46, ../sass/bootstrap/_labels.scss */
......@@ -5885,7 +5885,7 @@ a.list-group-item.active > .badge,
a.thumbnail:hover,
a.thumbnail:focus,
a.thumbnail.active {
border-color: #4d99d8;
border-color: #005b9a;
}
/* line 9, ../sass/bootstrap/_alerts.scss */
......@@ -6461,7 +6461,7 @@ a.list-group-item-danger.active, a.list-group-item-danger.active:hover, a.list-g
/* line 140, ../sass/bootstrap/_panels.scss */
.panel > .panel-body + .table,
.panel > .panel-body + .table-responsive {
border-top: 1px solid white;
border-top: 1px solid #cccccc;
}
/* line 144, ../sass/bootstrap/_panels.scss */
.panel > .table > tbody:first-child > tr:first-child th,
......
snf-admin-app/synnefo_admin/admin/static/sass/_bars-btns.scss
View file @ 11a58dc3
......@@ -107,6 +107,7 @@ and light gray font colors
color: $border;
&:hover,
&:focus{
opacity:1;
border-bottom-color: $border;
color: $border;
}
......
snf-admin-app/synnefo_admin/admin/static/sass/_details.scss
View file @ 11a58dc3
......@@ -110,7 +110,6 @@
.popover {
.popover-content {
font-size: 12px;
color: $reverse-text-color;
line-height: 130%;
}
}
......@@ -160,7 +159,7 @@
}
.parts-separator {
border-top: 2px solid $gray-light-extra;
border-top: 2px solid $parts-separator-color;
padding-top: 1em;
h2 {
font-size: 24px;
......
snf-admin-app/synnefo_admin/admin/static/sass/_extra.scss
View file @ 11a58dc3
......@@ -104,7 +104,8 @@ h1,h2,h3,h4 {
/* Navigation */
.navbar-default {
border: 0 none;
border:0 none;
border-bottom: 1px solid $navbar-default-border;
z-index: 1040;
margin: 0 auto;
.container-fluid {
......@@ -116,12 +117,11 @@ h1,h2,h3,h4 {
width: $navbar-height;
text-align: center;
line-height: $navbar-height;
font-size: 2px;
background: $navbar-default-brand-bg;
img {
max-height: $navbar-height;
}
&:hover {
background-color: $navbar-default-link-hover-bg;
}
}
}
......@@ -175,6 +175,7 @@ svg>text:last-child {
background: $tab-content-bg;
color: $tab-content-color;
padding: 20px;
border: 0 none;
.well {
margin-bottom: 0;
}
......@@ -223,7 +224,6 @@ svg>text:last-child {
.warning {
font-style: italic;
font-weight: bold;
color: $gray-light;
}
.close-notify {
position: absolute;
......@@ -232,7 +232,7 @@ svg>text:last-child {
color: $notify-close-color;
&:hover,
&:focus{
color: $primary-color;
color: inherit;
}
}
.dl-horizontal {
......@@ -275,7 +275,7 @@ svg>text:last-child {
.popover {
max-width: none;
color: $reverse-text-color;
color: $popover-color;
margin-bottom: 20px;
h2 {
text-align: center;
......
snf-admin-app/synnefo_admin/admin/static/sass/_filters.scss
View file @ 11a58dc3
......@@ -27,6 +27,7 @@ $filter-height: 30px;
margin: 0 $filter-margin $filter-margin 0;
display: inline-block;
background: $filter-bg;
border: 1px solid $filter-border-color;
.form-group {
margin: 0;
height: $filter-height;
......
snf-admin-app/synnefo_admin/admin/static/sass/_loaders.scss
View file @ 11a58dc3
......@@ -5,7 +5,7 @@
.spinner > div {
width: 8px;
height: 8px;
background-color: white;
background-color: $text-color;
border-radius: 100%;
display: inline-block;
......
snf-admin-app/synnefo_admin/admin/static/sass/_palette1.scss
View file @ 11a58dc3
......@@ -3,5 +3,10 @@ $theme-ciel: #00ADF1;
$theme-tyrquoise: #16C0B2;
$theme-yellow: #FFA914;
$theme-red: #EE5161;
$theme-gray-light: #f5f5f5;
$theme-black: #222;
$theme-gray-medium: #ccc;
$theme-gray-dark: #444;
$theme-border-light: lighten($theme-gray-medium,10%);
snf-admin-app/synnefo_admin/admin/static/sass/_settings.scss
View file @ 11a58dc3
......@@ -42,4 +42,4 @@ $details-title-height: 35px;
@import "palette1";
@import "bootstrap/variables";
//@import "theme1";
@import "theme1";
snf-admin-app/synnefo_admin/admin/static/sass/_tables.scss
View file @ 11a58dc3
......@@ -78,9 +78,9 @@ table .wrap {
color: $text-color;
}
input {
color: $reverse-text-color;
color: $filter-font-color;
background: $filter-bg;
border: 0 none;
border: 1px solid $filter-border-color;
padding: 3px 5px;
&:focus {
outline: 0 none;
......@@ -90,7 +90,7 @@ table .wrap {
#table-items-selected_wrapper {
padding: 10px;
border: 1px solid gray;
border: 1px solid $table-selected-border;
margin-bottom: 20px;
display: none;
}
......@@ -119,10 +119,10 @@ table.dataTable tbody tr {
table.dataTable thead th,
table.dataTable thead td {
border-bottom: 1px solid white;
border-top: 1px solid $table-border-color;
border-top: 1px solid $table-datatable-border-color;
}
table.dataTable tbody tr:hover {
background-color: lighten($table-zebra-row-bg, 7%);
background-color: $table-row-hover;
}
table.dataTable tbody tr.selected {
color: $table-selected-row-color;
......@@ -148,7 +148,7 @@ html body .dataTables_wrapper {
.dataTables_wrapper .dataTables_paginate {
padding-top: 0;
margin-bottom: 0.5em;
color: white;
color: $text-color;
line-height: $datatabled-actions-height;
}
table.dataTable.no-footer {
......@@ -157,25 +157,33 @@ table.dataTable.no-footer {
}
.dataTables_wrapper .dataTables_paginate .paginate_button {
color: white!important;
color: $text-color!important;
padding: 0 1em;
}
.container .dataTables_wrapper .dataTables_paginate .paginate_button:hover,
.container .dataTables_wrapper .dataTables_paginate .paginate_button:focus,
{
background: $table-selected-row-bg;
border-color: white;
background: transparent;
border-color: $text-color;
color: $text-color!important;
}
.container .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover {
.container .dataTables_wrapper .dataTables_paginate .paginate_button.disabled {
border-color: transparent;
color: $btn-link-disabled-color!important;
&:hover,
&:focus,
&:active {
color: $btn-link-disabled-color!important;
}
}
.dataTables_wrapper .dataTables_paginate .paginate_button.current,
.dataTables_wrapper .dataTables_paginate .paginate_button.current:focus,
.dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {
background: white;
background: $table-paginate-current-bg;
color: $table-paginate-current-color!important;
border: transparent;
}
......@@ -184,8 +192,8 @@ table.dataTable.no-footer {
}
.dataTables_wrapper .dataTables_processing {
background: $gray-light;
color: white;
background: $table-processing-bg;
color: $table-processing-color;
padding: 5px 10px;
@include box-shadow(inset 0 0 5px #888);
z-index: 1;
......
snf-admin-app/synnefo_admin/admin/static/sass/_theme1.scss
View file @ 11a58dc3
......@@ -11,6 +11,7 @@ $bootstrap-sass-asset-helper: (twbs-font-path("") != unquote('twbs-font-path("")
//
//## Gray and brand colors for use across Bootstrap.
$synnefo-green: #00a551;
$gray-darker: lighten(#000, 13.5%) !default; // #222
$gray-dark: $snf_gray-dark;
$gray: lighten(#000, 33.5%) !default; // #555
......@@ -31,19 +32,18 @@ $secondary-color: $snf_gray-dark;
// ## Settings for some of the most global styles.
//** Background color for `<body>`.
$body-bg: white;
$body-bg: #fff;
//** Global text color on `<body>`.
$text-color: #222;
$reverse-text-color: $secondary-color;
$text-color: $theme-black;
$reverse-text-color: #fff;
//** Global textual link color.
$link-color: $ciel;
//** Link hover color set via `darken()` function.
$link-hover-color: lighten($link-color, 13%) !default;
$link-color: $theme-blue;
$link-hover-color: $theme-red;
// ----- EXTRA COLOR-RELATED SETTINGS
$hover-nav-color: #333;
$hover-nav-color: darken($theme-gray-light,3%);
$secondary-link-color: white;
......@@ -54,29 +54,57 @@ $bad-karma-color: $red-intense;
$neutral-karma-color: $orange-intense;
$good-karma-color: $green-intense;
$btn-outline-color: #fff;
$btn-line-bg: $gray-dark;
$btn-line-border: #fff;
$btn-outline-color: $total-black;
$btn-line-bg: $theme-border-light;
$btn-line-border: $total-black;
// Tables
$table-selected-row-bg: red;
$table-selected-row-color: blue;
$table-zebra-row-bg: orange;
$table-border-color: pink;
$table-selected-row-bg: $theme-gray-medium;
$table-selected-row-color: $text-color;
$table-zebra-row-bg: $theme-gray-light;
$table-row-hover: lighten($theme-gray-medium,8%);
$table-datatable-border-color: