Skip to content

P
purescript-gargantext
Commit 56f57d04 authored by Alexandre Delanoë's avatar Alexandre Delanoë
Browse files
Options

[FIX] CSS Themes

parent ec176b77
Expand all Hide whitespace changes
Inline Side-by-side
Showing with 2581 additions and 221 deletions
dist/styles/bootstrap-dark.css
View file @ 56f57d04
body { body {
background-color: #303030; background-color: #303030;
color: #fff; color: #fff;
} }
a { a {
color: #007bff; color: #007bff;
} }
.bg-dark { .bg-dark {
background-color: #212121 !important; background-color: #212121 !important;
} }
.text-dark { .text-dark {
color: #fff !important; color: #fff !important;
} }
.text-muted { .text-muted {
color: #9e9e9e !important; color: #9e9e9e !important;
} }
.dropdown-menu { .dropdown-menu {
background-color: #343a40; background-color: #343a40;
color: #fff; color: #fff;
} }
.dropdown-item { .dropdown-item {
color: inherit; color: inherit;
} }
.dropdown-item:hover, .dropdown-item.active { .dropdown-item:hover, .dropdown-item.active {
color: inherit; color: inherit;
background-color: #4b545c; background-color: #4b545c;
} }
.breadcrumb { .breadcrumb {
background-color: #343a40; background-color: #343a40;
} }
.breadcrumb-item.active { .breadcrumb-item.active {
color: #fff; color: #fff;
} }
.nav-tabs { .nav-tabs {
border-bottom-color: #454d55; border-bottom-color: #454d55;
} }
.nav-tabs .nav-link { .nav-tabs .nav-link {
color: #fff; color: #fff;
background-color: #343a40; background-color: #343a40;
} }
.nav-tabs .nav-link:hover, .nav-tabs .nav-link.active { .nav-tabs .nav-link:hover, .nav-tabs .nav-link.active {
color: inherit; color: inherit;
background-color: #43494E; background-color: #43494E;
border-color: #454d55; border-color: #454d55;
} }
.card { .card {
background-color: #424242; background-color: #424242;
} }
.card.bg-light { .card.bg-light {
color: #383d41; color: #383d41;
} }
.modal-content { .modal-content {
background-color: #424242; background-color: #424242;
} }
.close { .close {
color: #fff; color: #fff;
} }
.close:hover { .close:hover {
color: #fff; color: #fff;
} }
.jumbotron { .jumbotron {
background-color: #212121; background-color: #212121;
} }
.form-control, .form-control,
.form-control:active, .form-control:active,
.form-control:focus { .form-control:focus {
border-color: #454d55; border-color: #454d55;
background-color: #343a40; background-color: #343a40;
color: #fff; color: #fff;
/*Change text in autofill textbox */ /*Change text in autofill textbox */
} }
.form-control:-webkit-autofill, .form-control:-webkit-autofill,
.form-control:active:-webkit-autofill, .form-control:active:-webkit-autofill,
.form-control:focus:-webkit-autofill { .form-control:focus:-webkit-autofill {
-webkit-box-shadow: 0 0 0 50px #343a40 inset; -webkit-box-shadow: 0 0 0 50px #343a40 inset;
/* Change the color to your own background color */ /* Change the color to your own background color */
-webkit-text-fill-color: #fff; -webkit-text-fill-color: #fff;
} }
.form-control::-webkit-input-placeholder, .form-control::-webkit-input-placeholder,
.form-control:active::-webkit-input-placeholder, .form-control:active::-webkit-input-placeholder,
.form-control:focus::-webkit-input-placeholder { .form-control:focus::-webkit-input-placeholder {
color: #888; color: #888;
} }
.form-control:-ms-input-placeholder, .form-control:-ms-input-placeholder,
.form-control:active:-ms-input-placeholder, .form-control:active:-ms-input-placeholder,
.form-control:focus:-ms-input-placeholder { .form-control:focus:-ms-input-placeholder {
color: #888; color: #888;
} }
.form-control::-ms-input-placeholder, .form-control::-ms-input-placeholder,
.form-control:active::-ms-input-placeholder, .form-control:active::-ms-input-placeholder,
.form-control:focus::-ms-input-placeholder { .form-control:focus::-ms-input-placeholder {
color: #888; color: #888;
} }
.form-control::placeholder, .form-control::placeholder,
.form-control:active::placeholder, .form-control:active::placeholder,
.form-control:focus::placeholder { .form-control:focus::placeholder {
color: #888; color: #888;
} }
.custom-select { .custom-select {
border-color: #454d55; border-color: #454d55;
background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3e%3cpath fill='%23fff' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") no-repeat right 0.75rem center/8px 10px; background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3e%3cpath fill='%23fff' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") no-repeat right 0.75rem center/8px 10px;
background-color: #343a40; background-color: #343a40;
color: #fff; color: #fff;
} }
.custom-control-label::before { .custom-control-label::before {
background-color: #343a40; background-color: #343a40;
} }
.input-group-text { .input-group-text {
border-color: #454d55; border-color: #454d55;
background-color: #4b545c; background-color: #4b545c;
color: #fff; color: #fff;
} }
.list-group-item { .list-group-item {
background-color: #343a40; background-color: #343a40;
} }
.list-group-item-action { .list-group-item-action {
color: inherit; color: inherit;
} }
.list-group-item-action:not(.active):hover { .list-group-item-action:not(.active):hover {
color: inherit; color: inherit;
background-color: #43494E; background-color: #43494E;
} }
.list-group-item-action.disabled { .list-group-item-action.disabled {
background-color: #343a40; background-color: #343a40;
} }
.page-link { .page-link {
background-color: #343a40; background-color: #343a40;
border-color: #454d55; border-color: #454d55;
} }
.page-link:hover { .page-link:hover {
border-color: #454d55; border-color: #454d55;
background-color: #43494E; background-color: #43494E;
} }
.page-item.disabled .page-link { .page-item.disabled .page-link {
background-color: #343a40; background-color: #343a40;
border-color: #454d55; border-color: #454d55;
} }
.progress { .progress {
background-color: #343a40; background-color: #343a40;
} }
/*# sourceMappingURL=bootstrap-dark.css.map */ /*# sourceMappingURL=bootstrap-dark.css.map */
\ No newline at end of file
dist/styles/bootstrap-darkster.css
View file @ 56f57d04
This diff is collapsed.
dist/styles/bootstrap-herbie.css
View file @ 56f57d04
This diff is collapsed.
src/sass/bootstrap/darkster.scss
View file @ 56f57d04
...@@ -2,7 +2,7 @@ ...@@ -2,7 +2,7 @@
@import url(https://fonts.googleapis.com/css?family=Comfortaa:200,300,400,700); @import url(https://fonts.googleapis.com/css?family=Comfortaa:200,300,400,700);
$headings-font-family:Comfortaa; $headings-font-family:Comfortaa;
$enable-grid-classes:false; /*$enable-grid-classes:false;*/
$primary:#FF550B; $primary:#FF550B;
$secondary:#303030; $secondary:#303030;
$success:#015668; $success:#015668;
......
src/sass/bootstrap/herbie.scss
View file @ 56f57d04
...@@ -4,7 +4,7 @@ $font-family-base:Nunito; ...@@ -4,7 +4,7 @@ $font-family-base:Nunito;
@import url(https://fonts.googleapis.com/css?family=Crete+Round:200,300,400,700); @import url(https://fonts.googleapis.com/css?family=Crete+Round:200,300,400,700);
$headings-font-family:Crete Round; $headings-font-family:Crete Round;
$enable-grid-classes:false; /*$enable-grid-classes:false;*/
$primary:#083358; $primary:#083358;
$secondary:#F67280; $secondary:#F67280;
$success:#0074E4; $success:#0074E4;
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment