170 lines
2.6 KiB
CSS
170 lines
2.6 KiB
CSS
/**
|
|
* app/css/main-dark.css
|
|
*
|
|
* This file provides dark mode styles to override existing Bootstrap 5 base styles.
|
|
*
|
|
* @version 5.0.1
|
|
* @author Joey Kimsey <Joey@thetempusproject.com>
|
|
* @link https://TheTempusProject.com
|
|
* @license https://opensource.org/licenses/MIT [MIT LICENSE]
|
|
*/
|
|
|
|
.context-popover {
|
|
background-color: #383838;
|
|
color: white;
|
|
}
|
|
|
|
.context-popover .popover-header {
|
|
background-color: #2c2c2c;
|
|
}
|
|
|
|
.context-main-border {
|
|
border-color: #f5f5f5!important;
|
|
}
|
|
.context-main-border-other {
|
|
border-color: #1e1e1e!important;
|
|
}
|
|
|
|
.context-main-bg {
|
|
background-color: #2c2c2c;
|
|
}
|
|
.context-second-bg {
|
|
background-color: #383838;
|
|
}
|
|
.context-third-bg {
|
|
background-color: #3a3a3a;
|
|
}
|
|
.context-other-bg {
|
|
background-color: #1e1e1e;
|
|
}
|
|
|
|
.context-main {
|
|
color: #fff;
|
|
}
|
|
|
|
|
|
|
|
.bg-default {
|
|
background-color: #2c2c2c;
|
|
}
|
|
hr {
|
|
color: #f5f5f5;
|
|
}
|
|
|
|
|
|
|
|
|
|
.bg-none,.bg-warning {
|
|
color: #000 !important;
|
|
}
|
|
.accordion-button:not(.collapsed) {
|
|
color: #f5f5f5;
|
|
background-color: var(--bs-accordion-dark-active-bg);
|
|
}
|
|
body {
|
|
background-image: linear-gradient(180deg, #2c2c2c, #1e1e1e 100px, #1e1e1e);
|
|
color: #f5f5f5;
|
|
}
|
|
|
|
/**
|
|
* Install Terms
|
|
*/
|
|
.install-terms {
|
|
border: 1px solid #555;
|
|
background: #3a3a3a;
|
|
}
|
|
.install-terms p,
|
|
.install-terms li {
|
|
color: #dcdcdc;
|
|
}
|
|
.install-terms h3 {
|
|
color: #ffffff;
|
|
}
|
|
.install-terms h4 {
|
|
color: #eaeaea;
|
|
}
|
|
.install-terms strong {
|
|
color: #ffffff;
|
|
}
|
|
|
|
/**
|
|
* Terms Page
|
|
*/
|
|
.terms-page {
|
|
border: 1px solid #555;
|
|
background: #3a3a3a;
|
|
}
|
|
.terms-page p,
|
|
.terms-page li {
|
|
color: #dcdcdc;
|
|
}
|
|
.terms-page h3 {
|
|
color: #ffffff;
|
|
}
|
|
.terms-page h4 {
|
|
color: #eaeaea;
|
|
}
|
|
.terms-page strong {
|
|
color: #ffffff;
|
|
}
|
|
|
|
/**
|
|
* Terms
|
|
*/
|
|
.terms {
|
|
border: 1px solid #555;
|
|
background: #3a3a3a;
|
|
}
|
|
.terms p,
|
|
.terms li {
|
|
color: #dcdcdc;
|
|
}
|
|
.terms h3 {
|
|
color: #ffffff;
|
|
}
|
|
.terms h4 {
|
|
color: #eaeaea;
|
|
}
|
|
.terms strong {
|
|
color: #ffffff;
|
|
}
|
|
|
|
/**
|
|
* Form Control
|
|
*/
|
|
.form-control-dark:focus {
|
|
border-color: #1e90ff;
|
|
box-shadow: 0 0 0 .25rem rgba(30, 144, 255, .5);
|
|
}
|
|
|
|
/**
|
|
* Example Divider
|
|
*/
|
|
.b-example-divider {
|
|
background-color: rgba(255, 255, 255, .1);
|
|
}
|
|
|
|
/**
|
|
* Text Shadows
|
|
*/
|
|
.text-shadow-1 {
|
|
text-shadow: 0 .125rem .25rem rgba(255, 255, 255, .25);
|
|
}
|
|
.text-shadow-2 {
|
|
text-shadow: 0 .25rem .5rem rgba(255, 255, 255, .25);
|
|
}
|
|
.text-shadow-3 {
|
|
text-shadow: 0 .5rem 1.5rem rgba(255, 255, 255, .25);
|
|
}
|
|
|
|
.form-control {
|
|
background-color: #1f1f1f;
|
|
color: #e0e0e0;
|
|
}
|
|
|
|
.form-control:focus {
|
|
color: #e0e0e0;
|
|
border-color: #1e90ff;
|
|
background-color: #1f1f1f;
|
|
box-shadow: 0 0 0 .25rem rgba(30, 144, 255, .5);
|
|
} |