diff options
author | mjfriaza <mjfriaza@disroot.org> | 2022-05-17 13:44:06 +0200 |
---|---|---|
committer | mjfriaza <mjfriaza@disroot.org> | 2022-05-17 13:44:06 +0200 |
commit | a75c61d71efebf43713026200aa0f513bd7eef09 (patch) | |
tree | 909048adeaa329813e2530d43626ed3bd711bc25 /view/theme/redbasic | |
parent | 481ecee9e87342ca7a1217395085e95d1a3b61ea (diff) | |
parent | 0d0f73fb67bbfcc53058cefded85ac36f951c7a7 (diff) | |
download | volse-hubzilla-a75c61d71efebf43713026200aa0f513bd7eef09.tar.gz volse-hubzilla-a75c61d71efebf43713026200aa0f513bd7eef09.tar.bz2 volse-hubzilla-a75c61d71efebf43713026200aa0f513bd7eef09.zip |
Merge remote-tracking branch 'upstream/dev' into dev
Diffstat (limited to 'view/theme/redbasic')
-rw-r--r-- | view/theme/redbasic/css/style.css | 121 | ||||
-rw-r--r-- | view/theme/redbasic/js/redbasic.js | 90 | ||||
-rw-r--r-- | view/theme/redbasic/php/config.php | 12 | ||||
-rw-r--r-- | view/theme/redbasic/php/style.php | 25 | ||||
-rw-r--r-- | view/theme/redbasic/php/theme.php | 8 | ||||
-rw-r--r-- | view/theme/redbasic/schema/Focus-Boxy.css | 22 | ||||
-rw-r--r-- | view/theme/redbasic/schema/bootstrap-nightfall.css | 1898 | ||||
-rw-r--r-- | view/theme/redbasic/schema/dark.css | 14 | ||||
-rw-r--r-- | view/theme/redbasic/schema/dark.php | 6 |
9 files changed, 2075 insertions, 121 deletions
diff --git a/view/theme/redbasic/css/style.css b/view/theme/redbasic/css/style.css index 5f469eb7b..ebbc1aaa3 100644 --- a/view/theme/redbasic/css/style.css +++ b/view/theme/redbasic/css/style.css @@ -24,15 +24,15 @@ body { aside#region_1 { border-right: 1px solid transparent; - width: $left_aside_widthpx; - min-width: $left_aside_widthpx; - max-width: $left_aside_widthpx; + width: $left_aside_widthrem; + min-width: $left_aside_widthrem; + max-width: $left_aside_widthrem; } aside#region_3 { - width: $right_aside_widthpx; - min-width: $left_aside_widthpx; - max-width: $right_aside_widthpx; + width: $right_aside_widthrem; + min-width: $left_aside_widthrem; + max-width: $right_aside_widthrem; } aside#left_aside_wrapper, @@ -43,18 +43,17 @@ aside#right_aside_wrapper { main { margin-left: auto; margin-right: auto; - max-width: $main_widthpx; + max-width: $main_widthrem; } #overlay { - position: absolute; + position: fixed; top: 0; - left: 0; - width: 100%; - height: 100%; - background: rgba(0, 0, 0, .5); + left: $left_aside_widthrem; + width: 100vw; + height: 100vh; + background: rgba(0, 0, 0, .3); cursor: pointer; - z-index: 1028; } h1, .h1 { @@ -398,55 +397,26 @@ footer { .fn { font-weight: bold; font-size: 1rem; - color: #444444; } -.vcard { - margin-bottom: 10px; - padding: 0px 10px 10px 10px; +.vcard-card { background-color: rgba(254,254,254,0.5); - border: 1px solid rgba(254,254,254,0.5); - border-radius: $radius; - word-wrap: break-word; } -.vcard dl, -.vcard .title { - margin-top: 10px; - margin-bottom: 0px; -} - -.connect-btn-wrapper { - margin-bottom: 10px; - +.vcard { + word-wrap: break-word; } .profile-edit-side-link { - padding: 3px 0px; opacity: 0; - filter:alpha(opacity=30); - float: right; + filter:alpha(opacity=0); } -.vcard:hover .profile-edit-side-link { +.card:hover .profile-edit-side-link { opacity: 1; filter:alpha(opacity=100); } -#profile-photo-wrapper img { - width: 100%; - height: 100%; - max-width: 300px; - max-height: 300px; -} - -#profile-photo-wrapper { - width: 251px; - height: 251px; - margin-bottom: 10px; - border-radius: $radius; -} - #hide-friends-yes-label, #hide-friends-no-label { margin-left: 125px; @@ -572,8 +542,8 @@ footer { } .contact-block-img { - width:47px; - height:47px; + width: 2.95rem; + height: 2.95rem; margin-bottom: 3px; } @@ -1192,10 +1162,15 @@ img.mail-conv-sender-photo { .widget { background-color: rgba(254,254,254,.5); - border: 1px solid rgba(254,254,254,.5); border-radius: $radius; } +.widget h3 { + font-size: 0.9rem; + text-transform: uppercase; +} + + #note-text { border-radius: $radius; } @@ -1242,24 +1217,24 @@ img.mail-conv-sender-photo { } .menu-img-3 { - width: 3.3em; - height: 3.3em; + width: 2.7rem; + height: 2.7rem; margin-right: 5px; border-radius: $radius; float: left; } .menu-img-2 { - height: 2.2em; - width: 2.2em; + height: 1.8rem; + width: 1.8rem; margin-right: 5px; border-radius: $radius; float: left; } .menu-img-1 { - height: 1.28571429em; - width: 1.28571429em; + height: 1.1rem; + width: 1.1rem; border-radius: $radius; } @@ -1273,7 +1248,7 @@ img.mail-conv-sender-photo { border-radius: $radius; } -#nav-app-link { +#nav-app-link-wrapper.has_location .nav-link { padding: 0 !important; line-height: 1.175; white-space: nowrap; @@ -1469,7 +1444,6 @@ blockquote { .dropdown-menu { color: $font_colour; - font-size: 0.9rem; border-radius: $radius; } @@ -1526,17 +1500,16 @@ blockquote { } main { - left: -$left_aside_widthpx; - width: calc( 100% + $left_aside_widthpx ); + left: -$left_aside_widthrem; + width: calc( 100% + $left_aside_widthrem ); } main.region_1-on { left: 0px; } - #nav-app-link-wrapper.has_location { + #nav-app-link-wrapper { min-width: 0; - flex-basis: 25%; } #nav-app-link-wrapper { @@ -1627,17 +1600,17 @@ dl.bb-dl > dd > li { /* Turn checkboxes into switches */ -.form-group.checkbox > div { +.onoffswitch.checkbox > div { position: relative; width: 60px; -webkit-user-select:none; -moz-user-select:none; -ms-user-select: none; display:inline-block; } -.form-group.checkbox input { +.onoffswitch.checkbox input { display: none; } -.form-group.checkbox > div label { +.onoffswitch.checkbox > div label { display: block; overflow: hidden; cursor: pointer; border: 1px solid #ccc; border-radius: 12px; @@ -1648,11 +1621,11 @@ dl.bb-dl > dd > li { font-weight: normal; } -.form-group.checkbox:hover label { +.onoffswitch.checkbox:hover label { color: $link_colour; } -.form-group.checkbox:hover > div label { +.onoffswitch.checkbox:hover > div label { border-color: $link_colour; } @@ -1691,17 +1664,17 @@ dl.bb-dl > dd > li { -o-transition: all 0.3s ease-in 0s; transition: all 0.3s ease-in 0s; } -.form-group.checkbox > div > input:checked + label .onoffswitch-inner { +.onoffswitch.checkbox > div > input:checked + label .onoffswitch-inner { margin-left: 0px; } -.form-group.checkbox > div > input:checked + label .onoffswitch-switch { +.onoffswitch.checkbox > div > input:checked + label .onoffswitch-switch { right: 0px; - background-color: #0275d8; + background-color: $link_colour; } -.form-group.checkbox > div > input:disabled + label .onoffswitch-switch { +.onoffswitch.checkbox > div > input:disabled + label .onoffswitch-switch { background-color: red; opacity: 0.3; filter:alpha(opacity=30); @@ -1745,7 +1718,7 @@ dl.bb-dl > dd > li { border-left: 0.2rem solid #eee; } -.app-icon { +.app-icon i { color: #777; font-size: 80px; text-shadow: 3px 3px 3px lightgrey; @@ -1755,7 +1728,7 @@ dl.bb-dl > dd > li { text-align: center; } -#login-main, .rmagic-button { +.login-wrapper { max-width: 400px; margin-top: 20px; margin-left: auto; @@ -1805,7 +1778,7 @@ dl.bb-dl > dd > li { .oneway-overlay { position: absolute; - text-shadow: -2px 0 1px #fff, 0 2px 1px#fff, 2px 0 1px #fff, 0 -2px 1px #fff; + text-shadow: -1px 0 1px #fff, 0 1px 1px#fff, 1px 0 1px #fff, 0 -1px 1px #fff; } .cover-photo-review { diff --git a/view/theme/redbasic/js/redbasic.js b/view/theme/redbasic/js/redbasic.js index b0b8d5dfc..04469cb85 100644 --- a/view/theme/redbasic/js/redbasic.js +++ b/view/theme/redbasic/js/redbasic.js @@ -11,24 +11,29 @@ $(document).ready(function() { if($(window).width() < 992) { $('main').css('width', $(window).width() + $('aside').outerWidth() ); } else { - $('main').css('width', '100%' ); + $('main').css('width', '100%'); } }); } $('#css3-calc').remove(); // Remove the test element - stickyScroll('.aside_spacer_left', '.aside_spacer_top_left', '.content', parseFloat(window.getComputedStyle(document.querySelector('#region_1')).getPropertyValue('padding-top')), 0); - stickyScroll('.aside_spacer_right', '.aside_spacer_top_right', '.content', parseFloat(window.getComputedStyle(document.querySelector('#region_3')).getPropertyValue('padding-top')), 20); + if (document.querySelector('#region_1')) { + stickyScroll('.aside_spacer_left', '.aside_spacer_top_left', '.content', parseFloat(window.getComputedStyle(document.querySelector('#region_1')).getPropertyValue('padding-top')), 0); + } - $('#expand-aside').on('click', toggleAside); + if (document.querySelector('#region_3')) { + stickyScroll('.aside_spacer_right', '.aside_spacer_top_right', '.content', parseFloat(window.getComputedStyle(document.querySelector('#region_3')).getPropertyValue('padding-top')), 20); + } - $('section').on('click', function() { + $('#expand-aside').on('click', function() { if($('main').hasClass('region_1-on')){ - toggleAside(); + toggleAside('left'); + } + else { + toggleAside('right'); } }); - $('.usermenu').click(function() { if($('#navbar-collapse-1, #navbar-collapse-2').hasClass('show')){ $('#navbar-collapse-1, #navbar-collapse-2').removeClass('show'); @@ -50,7 +55,7 @@ $(document).ready(function() { }); $("input[data-role=cat-tagsinput]").tagsinput({ - tagClass: 'badge badge-pill badge-warning text-dark' + tagClass: 'badge rounded-pill bg-warning text-dark' }); $('a.disabled').click(function(e) { @@ -69,6 +74,49 @@ $(document).ready(function() { } } setInterval(function () {checkNotify();}, 10 * 1000); + + var touch_start = null; + var touch_max = window.innerWidth / 10; + + window.addEventListener('touchstart', function(e) { + if (e.touches.length === 1){ + //just one finger touched + touch_start = e.touches.item(0).clientX; + if (touch_start < touch_max) { + $('html, body').css('overflow-y', 'hidden'); + } + } + else { + //a second finger hit the screen, abort the touch + touch_start = null; + } + }); + + window.addEventListener('touchend', function(e) { + $('html, body').css('overflow-y', ''); + + let touch_offset = 30; //at least 30px are a swipe + if (touch_start) { + //the only finger that hit the screen left it + let touch_end = e.changedTouches.item(0).clientX; + + if (touch_end > (touch_start + touch_offset)) { + //a left -> right swipe + if (touch_start < touch_max) { + toggleAside('right'); + } + } + if (touch_end < (touch_start - touch_offset)) { + //a right -> left swipe + //toggleAside('left'); + } + } + }); + + $(document).on('hz:hqControlsClickAction', function(e) { + toggleAside('left'); + }); + }); function setStyle(element, cssProperty) { @@ -78,8 +126,14 @@ function setStyle(element, cssProperty) { } function stickyScroll(sticky, stickyTop, container, topOffset, bottomOffset) { + var lastScrollTop = 0; var sticky = document.querySelector(sticky); + + if (!sticky) { + return; + } + var stickyHeight = sticky.getBoundingClientRect().height; var stickyTop = document.querySelector(stickyTop); var content = document.querySelector(container); @@ -136,16 +190,18 @@ function makeFullScreen(full) { } } -function toggleAside() { - $('#expand-aside-icon').toggleClass('fa-arrow-circle-right').toggleClass('fa-arrow-circle-left'); - if($('main').hasClass('region_1-on')){ - $('html, body').css('overflow-x', ''); - $('main').removeClass('region_1-on') +function toggleAside(swipe) { + + if ($('main').hasClass('region_1-on') && swipe === 'left') { + $('#expand-aside-icon').addClass('fa-arrow-circle-right').removeClass('fa-arrow-circle-left'); + $('html, body').css({ 'position': '', left: '' }); + $('main').removeClass('region_1-on'); $('#overlay').remove(); } - else { - $('html, body').css('overflow-x', 'hidden'); - $('main').addClass('region_1-on') - $('<div id="overlay"></div>').appendTo('section'); + if (!$('main').hasClass('region_1-on') && swipe === 'right') { + $('#expand-aside-icon').removeClass('fa-arrow-circle-right').addClass('fa-arrow-circle-left'); + $('html, body').css({ 'position': 'sticky', 'left': '0px'}); + $('main').addClass('region_1-on'); + $('<div id="overlay"></div>').appendTo('body').one('click', function() { toggleAside('left'); }); } } diff --git a/view/theme/redbasic/php/config.php b/view/theme/redbasic/php/config.php index 0a779529d..0de475fe5 100644 --- a/view/theme/redbasic/php/config.php +++ b/view/theme/redbasic/php/config.php @@ -32,7 +32,7 @@ class RedbasicConfig { } function get() { - if(! local_channel()) { + if(! local_channel()) { return; } @@ -59,7 +59,7 @@ class RedbasicConfig { } function post() { - if(!local_channel()) { + if(!local_channel()) { return; } @@ -89,7 +89,7 @@ class RedbasicConfig { if(get_pconfig(local_channel(), 'redbasic', 'advanced_theming')) $expert = 1; - + $o .= replace_macros(get_markup_template('theme_settings.tpl'), array( '$submit' => t('Submit'), '$baseurl' => z_root(), @@ -98,19 +98,19 @@ class RedbasicConfig { '$title' => t("Theme settings"), '$narrow_navbar' => array('redbasic_narrow_navbar',t('Narrow navbar'),$arr['narrow_navbar'], '', array(t('No'),t('Yes'))), '$nav_bg' => array('redbasic_nav_bg', t('Navigation bar background color'), $arr['nav_bg']), - '$nav_icon_colour' => array('redbasic_nav_icon_colour', t('Navigation bar icon color '), $arr['nav_icon_colour']), + '$nav_icon_colour' => array('redbasic_nav_icon_colour', t('Navigation bar icon color '), $arr['nav_icon_colour']), '$nav_active_icon_colour' => array('redbasic_nav_active_icon_colour', t('Navigation bar active icon color '), $arr['nav_active_icon_colour']), '$link_colour' => array('redbasic_link_colour', t('Link color'), $arr['link_colour'], '', $link_colours), '$banner_colour' => array('redbasic_banner_colour', t('Set font-color for banner'), $arr['banner_colour']), '$bgcolour' => array('redbasic_background_colour', t('Set the background color'), $arr['bgcolour']), - '$background_image' => array('redbasic_background_image', t('Set the background image'), $arr['background_image']), + '$background_image' => array('redbasic_background_image', t('Set the background image'), $arr['background_image']), '$item_colour' => array('redbasic_item_colour', t('Set the background color of items'), $arr['item_colour']), '$comment_item_colour' => array('redbasic_comment_item_colour', t('Set the background color of comments'), $arr['comment_item_colour']), '$font_size' => array('redbasic_font_size', t('Set font-size for the entire application'), $arr['font_size'], t('Examples: 1rem, 100%, 16px')), '$font_colour' => array('redbasic_font_colour', t('Set font-color for posts and comments'), $arr['font_colour']), '$radius' => array('redbasic_radius', t('Set radius of corners'), $arr['radius'], t('Example: 4px')), '$shadow' => array('redbasic_shadow', t('Set shadow depth of photos'), $arr['shadow']), - '$converse_width' => array('redbasic_converse_width',t('Set maximum width of content region in pixel'),$arr['converse_width'], t('Leave empty for default width')), + '$converse_width' => array('redbasic_converse_width',t('Set maximum width of content region in rem'),$arr['converse_width'], t('Leave empty for default width')), '$top_photo' => array('redbasic_top_photo', t('Set size of conversation author photo'), $arr['top_photo']), '$reply_photo' => array('redbasic_reply_photo', t('Set size of followup author photos'), $arr['reply_photo']), '$advanced_theming' => ['redbasic_advanced_theming', t('Show advanced settings'), $arr['advanced_theming'], '', [t('No'), t('Yes')]] diff --git a/view/theme/redbasic/php/style.php b/view/theme/redbasic/php/style.php index d278aa309..3dbc29a96 100644 --- a/view/theme/redbasic/php/style.php +++ b/view/theme/redbasic/php/style.php @@ -36,9 +36,8 @@ if(! App::$install) { // not --- like the mobile theme does instead. // Allow layouts to over-ride the schema - -if($_REQUEST['schema']) { - $schema = $_REQUEST['schema']; +if (isset($_REQUEST['schema']) && preg_match('/^[\w_-]+$/i', $_REQUEST['schema'])) { + $schema = $_REQUEST['schema']; } if (($schema) && ($schema != '---')) { @@ -69,17 +68,17 @@ if ((!$schema) || ($schema == '---')) { } } - + //Set some defaults - we have to do this after pulling owner settings, and we have to check for each setting //individually. If we don't, we'll have problems if a user has set one, but not all options. if (! $nav_bg) $nav_bg = '#343a40'; if (! $nav_icon_colour) - $nav_icon_colour = 'rgba(255, 255, 255, 0.5)'; + $nav_icon_colour = 'rgba(255, 255, 255, 0.55)'; if (! $nav_active_icon_colour) $nav_active_icon_colour = 'rgba(255, 255, 255, 0.75)'; if (! $link_colour) - $link_colour = '#007bff'; + $link_colour = '#0d6efd'; if (! $banner_colour) $banner_colour = '#fff'; if (! $bgcolour) @@ -101,7 +100,7 @@ if (! $radius) if (! $shadow) $shadow = '0'; if (! $converse_width) - $converse_width = '790'; + $converse_width = '52'; //unit: rem if(! $top_photo) $top_photo = '2.3rem'; if(! $reply_photo) @@ -112,6 +111,10 @@ if(file_exists('view/theme/redbasic/css/style.css')) { $x = file_get_contents('view/theme/redbasic/css/style.css'); + if($schema === 'dark' && file_exists('view/theme/redbasic/schema/bootstrap-nightfall.css')) { + $x .= file_get_contents('view/theme/redbasic/schema/bootstrap-nightfall.css'); + } + if($narrow_navbar && file_exists('view/theme/redbasic/css/narrow_navbar.css')) { $x .= file_get_contents('view/theme/redbasic/css/narrow_navbar.css'); } @@ -120,13 +123,13 @@ if(file_exists('view/theme/redbasic/css/style.css')) { $x .= $schemecss; } - $left_aside_width = 288; - $right_aside_width = 288; + $left_aside_width = 21; //unit: rem + $right_aside_width = 21; //unit: rem $main_width = $left_aside_width + $right_aside_width + intval($converse_width); // prevent main_width smaller than 768px - $main_width = (($main_width < 768) ? 768 : $main_width); + $main_width = (($main_width < 30) ? 30 : $main_width); $options = array ( '$nav_bg' => $nav_bg, @@ -158,7 +161,7 @@ if(file_exists('view/theme/redbasic/css/style.css')) { } -// Set the schema to the default schema in derived themes. See the documentation for creating derived themes how to override this. +// Set the schema to the default schema in derived themes. See the documentation for creating derived themes how to override this. if(local_channel() && App::$channel && App::$channel['channel_theme'] != 'redbasic') set_pconfig(local_channel(), 'redbasic', 'schema', '---'); diff --git a/view/theme/redbasic/php/theme.php b/view/theme/redbasic/php/theme.php index 2b90ae85f..783bd9d4e 100644 --- a/view/theme/redbasic/php/theme.php +++ b/view/theme/redbasic/php/theme.php @@ -3,12 +3,14 @@ /** * * Name: Redbasic * * Description: Hubzilla standard theme - * * Version: 2.1 - * * MinVersion: 2.3.1 - * * MaxVersion: 6.0 + * * Version: 2.2 + * * MinVersion: 6.5.13 + * * MaxVersion: 8.0 * * Author: Fabrixxm * * Maintainer: Mike Macgirvin * * Maintainer: Mario Vavti + * * Theme_Color: #343a40 + * * Background_Color: rgb(254,254,254) */ function redbasic_init(&$a) { diff --git a/view/theme/redbasic/schema/Focus-Boxy.css b/view/theme/redbasic/schema/Focus-Boxy.css index b9b259796..90fd51b02 100644 --- a/view/theme/redbasic/schema/Focus-Boxy.css +++ b/view/theme/redbasic/schema/Focus-Boxy.css @@ -3,13 +3,31 @@ } .wall-item-content-wrapper.comment { - border-bottom: 1px solid #dee2e6; + border-bottom: 1px solid rgba(0,0,0,.125); } .widget { - border: 1px solid #dee2e6; + border: 1px solid rgba(0,0,0,.125); } #note-text { border: 1px solid transparent; } + +.vcard-card { + border: 1px solid rgba(0,0,0,.125); + border-bottom: 0; +} + +.vcard-card .card { + border-top: 0; + border-right: 0; + border-left: 0; +} + +.vcard-card .vcard { + border: 1px solid rgba(0,0,0,.125); + border-top: 0; + border-right: 0; + border-left: 0; +} diff --git a/view/theme/redbasic/schema/bootstrap-nightfall.css b/view/theme/redbasic/schema/bootstrap-nightfall.css new file mode 100644 index 000000000..d9cb8cc63 --- /dev/null +++ b/view/theme/redbasic/schema/bootstrap-nightfall.css @@ -0,0 +1,1898 @@ +/*! + * Bootstrap v5.1.3 (https://getbootstrap.com/) + * Copyright 2011-2022 The Bootstrap Authors + * Copyright 2011-2022 Twitter, Inc. + * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE) + * + * Bootstrap-Nightfall v1.1.3 (https://vinorodrigues.github.io/bootstrap-dark-5/) + * Copyright 2020-2022 Vino Rodrigues + * This version is an extraction with only the dark elements, or deltas, of the + * dark theme. Used as a bootstrap plugin. + */ +:root { + color-scheme: dark; +} + +:root { + --bs-blue: #375a7f; + --bs-indigo: #673ab7; + --bs-purple: #654ea3; + --bs-pink: #e83e8c; + --bs-red: #e74c3c; + --bs-orange: #fd7e14; + --bs-yellow: #f39c12; + --bs-green: #00bc8c; + --bs-teal: #45b5aa; + --bs-cyan: #17a2b8; + --bs-white: #fafafa; + --bs-black: #111; + --bs-gray: #7e7e7e; + --bs-gray-dark: #121212; + --bs-gray-100: #e1e1e1; + --bs-gray-200: #cfcfcf; + --bs-gray-300: #b1b1b1; + --bs-gray-400: #9e9e9e; + --bs-gray-500: #7e7e7e; + --bs-gray-600: #626262; + --bs-gray-700: #515151; + --bs-gray-800: #3b3b3b; + --bs-gray-900: #222; + --bs-primary: #375a7f; + --bs-secondary: #626262; + --bs-success: #00bc8c; + --bs-info: #17a2b8; + --bs-warning: #f39c12; + --bs-danger: #e74c3c; + --bs-light: #9e9e9e; + --bs-dark: #3b3b3b; + --bs-primary-rgb: 55, 90, 127; + --bs-secondary-rgb: 98, 98, 98; + --bs-success-rgb: 0, 188, 140; + --bs-info-rgb: 23, 162, 184; + --bs-warning-rgb: 243, 156, 18; + --bs-danger-rgb: 231, 76, 60; + --bs-light-rgb: 158, 158, 158; + --bs-dark-rgb: 59, 59, 59; + --bs-white-rgb: 250, 250, 250; + --bs-black-rgb: 17, 17, 17; + --bs-body-color-rgb: 225, 225, 225; + --bs-body-bg-rgb: 34, 34, 34; + --bs-body-color: #e1e1e1; + --bs-body-bg: #222; + --bs-gradient: linear-gradient(180deg, rgba(17, 17, 17, 0.15), rgba(17, 17, 17, 0)); +} + +hr { + color: #fafafa; + background-color: currentColor; + opacity: 0.1; +} + +mark { + background-color: rgba(243, 156, 18, 0.5); +} + +a { + color: #5f7b99; +} +a:hover { + color: #4b6b8c; +} + +a:not([href]):not([class]), a:not([href]):not([class]):hover { + color: inherit; +} + +pre { + color: #e1e1e1; +} +pre code { + color: inherit; +} + +code { + color: #45b5aa; +} +a > code { + color: inherit; +} + +kbd { + color: #e1e1e1; + background-color: #3b3b3b; +} + +caption { + color: #9e9e9e; +} + +.blockquote-footer { + color: #626262; +} + +.img-thumbnail { + background-color: #222; + border: 1px solid #515151; +} + +.figure-caption { + color: #9e9e9e; +} + +.table { + --bs-table-color: #e1e1e1; + --bs-table-bg: transparent; + --bs-table-border-color: #515151; + --bs-table-accent-bg: transparent; + --bs-table-striped-color: #e1e1e1; + --bs-table-striped-bg: rgba(250, 250, 250, 0.05); + --bs-table-active-color: #e1e1e1; + --bs-table-active-bg: rgba(250, 250, 250, 0.1); + --bs-table-hover-color: #e1e1e1; + --bs-table-hover-bg: rgba(250, 250, 250, 0.075); + color: #e1e1e1; + border-color: #515151; +} +.table > :not(:first-child) { + border-top: 2px solid currentColor; +} + +.table-primary { + --bs-table-color: #fff; + --bs-table-bg: #1c2d40; + --bs-table-border-color: #334253; + --bs-table-striped-bg: #27384a; + --bs-table-striped-color: #fff; + --bs-table-active-bg: #334253; + --bs-table-active-color: #fff; + --bs-table-hover-bg: #2d3d4e; + --bs-table-hover-color: #fff; + color: #fff; + border-color: #334253; +} + +.table-secondary { + --bs-table-color: #fff; + --bs-table-bg: #313131; + --bs-table-border-color: #464646; + --bs-table-striped-bg: #3b3b3b; + --bs-table-striped-color: #fff; + --bs-table-active-bg: #464646; + --bs-table-active-color: #fff; + --bs-table-hover-bg: #404040; + --bs-table-hover-color: #fff; + color: #fff; + border-color: #464646; +} + +.table-success { + --bs-table-color: #fff; + --bs-table-bg: #005e46; + --bs-table-border-color: #1a6e59; + --bs-table-striped-bg: #0d664f; + --bs-table-striped-color: #fff; + --bs-table-active-bg: #1a6e59; + --bs-table-active-color: #fff; + --bs-table-hover-bg: #136a54; + --bs-table-hover-color: #fff; + color: #fff; + border-color: #1a6e59; +} + +.table-info { + --bs-table-color: #fff; + --bs-table-bg: #0c515c; + --bs-table-border-color: #24626c; + --bs-table-striped-bg: #185a64; + --bs-table-striped-color: #fff; + --bs-table-active-bg: #24626c; + --bs-table-active-color: #fff; + --bs-table-hover-bg: #1e5e68; + --bs-table-hover-color: #fff; + color: #fff; + border-color: #24626c; +} + +.table-warning { + --bs-table-color: #fff; + --bs-table-bg: #7a4e09; + --bs-table-border-color: #876022; + --bs-table-striped-bg: #815715; + --bs-table-striped-color: #fff; + --bs-table-active-bg: #876022; + --bs-table-active-color: #fff; + --bs-table-hover-bg: #845b1b; + --bs-table-hover-color: #fff; + color: #fff; + border-color: #876022; +} + +.table-danger { + --bs-table-color: #fff; + --bs-table-bg: #74261e; + --bs-table-border-color: #823c35; + --bs-table-striped-bg: #7b3129; + --bs-table-striped-color: #fff; + --bs-table-active-bg: #823c35; + --bs-table-active-color: #fff; + --bs-table-hover-bg: #7e362f; + --bs-table-hover-color: #fff; + color: #fff; + border-color: #823c35; +} + +.table-light { + --bs-table-color: #000; + --bs-table-bg: #9e9e9e; + --bs-table-border-color: #8e8e8e; + --bs-table-striped-bg: #969696; + --bs-table-striped-color: #000; + --bs-table-active-bg: #8e8e8e; + --bs-table-active-color: #000; + --bs-table-hover-bg: #929292; + --bs-table-hover-color: #000; + color: #000; + border-color: #8e8e8e; +} + +.table-dark { + --bs-table-color: #fff; + --bs-table-bg: #3b3b3b; + --bs-table-border-color: #4f4f4f; + --bs-table-striped-bg: #454545; + --bs-table-striped-color: #fff; + --bs-table-active-bg: #4f4f4f; + --bs-table-active-color: #fff; + --bs-table-hover-bg: #4a4a4a; + --bs-table-hover-color: #fff; + color: #fff; + border-color: #4f4f4f; +} + +.form-text { + color: #9e9e9e; +} + +.form-control { + color: #b1b1b1; + background-color: #222; + border: 1px solid #515151; +} +.form-control:focus { + color: #b1b1b1; + background-color: #222; + border-color: #9badbf; + box-shadow: 0 0 0 0.25rem rgba(55, 90, 127, 0.25); +} +.form-control::-moz-placeholder { + color: #5a5a5a; +} +.form-control::placeholder { + color: #5a5a5a; +} +.form-control:disabled, .form-control[readonly] { + background-color: #222; +} +.form-control::-webkit-file-upload-button { + color: #b1b1b1; + background-color: #3b3b3b; + border-color: inherit; +} +.form-control::file-selector-button { + color: #b1b1b1; + background-color: #3b3b3b; + border-color: inherit; +} +.form-control:hover:not(:disabled):not([readonly])::-webkit-file-upload-button { + background-color: #383838; +} +.form-control:hover:not(:disabled):not([readonly])::file-selector-button { + background-color: #383838; +} +.form-control::-webkit-file-upload-button { + color: #b1b1b1; + background-color: #3b3b3b; + border-color: inherit; +} +.form-control:hover:not(:disabled):not([readonly])::-webkit-file-upload-button { + background-color: #383838; +} + +.form-control-plaintext { + color: #e1e1e1; + background-color: transparent; + border: solid transparent; +} + +.form-select { + color: #b1b1b1; + background-color: #222; + background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23cfcfcf' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e"); + border: 1px solid #515151; +} +.form-select:focus { + border-color: #9badbf; + box-shadow: 0 0 0 0.25rem rgba(55, 90, 127, 0.25); +} +.form-select[multiple], .form-select[size]:not([size="1"]) { + background-image: none; +} +.form-select:disabled { + background-color: #3b3b3b; +} +.form-select:-moz-focusring { + color: transparent; + text-shadow: 0 0 0 #b1b1b1; +} + +.form-check-input { + background-color: #222; + border: 1px solid rgba(255, 255, 255, 0.25); +} +.form-check-input:active { + filter: brightness(90%); +} +.form-check-input:focus { + border-color: #9badbf; + box-shadow: 0 0 0 0.25rem rgba(55, 90, 127, 0.25); +} +.form-check-input:checked { + background-color: #375a7f; + border-color: #375a7f; +} +.form-check-input:checked[type=checkbox] { + background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fafafa' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='m6 10 3 3 6-6'/%3e%3c/svg%3e"); +} +.form-check-input:checked[type=radio] { + background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='2' fill='%23fafafa'/%3e%3c/svg%3e"); +} +.form-check-input[type=checkbox]:indeterminate { + background-color: #375a7f; + border-color: #375a7f; + background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fafafa' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10h8'/%3e%3c/svg%3e"); +} +.form-check-input:disabled { + opacity: 0.5; +} +.form-check-input[disabled] ~ .form-check-label, .form-check-input:disabled ~ .form-check-label { + opacity: 0.5; +} + +.form-switch .form-check-input { + background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='rgba%28250, 250, 250, 0.25%29'/%3e%3c/svg%3e"); +} +.form-switch .form-check-input:focus { + background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%239badbf'/%3e%3c/svg%3e"); +} +.form-switch .form-check-input:checked { + background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23fafafa'/%3e%3c/svg%3e"); +} + +.btn-check[disabled] + .btn, .btn-check:disabled + .btn { + opacity: 0.65; +} + +.form-range:focus::-webkit-slider-thumb { + box-shadow: 0 0 0 1px #222, 0 0 0 0.25rem rgba(55, 90, 127, 0.25); +} +.form-range:focus::-moz-range-thumb { + box-shadow: 0 0 0 1px #222, 0 0 0 0.25rem rgba(55, 90, 127, 0.25); +} +.form-range::-webkit-slider-thumb { + background-color: #375a7f; + border: 0; +} +.form-range::-webkit-slider-thumb:active { + background-color: #c3ced9; +} +.form-range::-webkit-slider-runnable-track { + background-color: #515151; +} +.form-range::-moz-range-thumb { + background-color: #375a7f; + border: 0; +} +.form-range::-moz-range-thumb:active { + background-color: #c3ced9; +} +.form-range::-moz-range-track { + background-color: #515151; +} +.form-range:disabled { + pointer-events: none; +} +.form-range:disabled::-webkit-slider-thumb { + background-color: #7e7e7e; +} +.form-range:disabled::-moz-range-thumb { + background-color: #7e7e7e; +} + +.form-floating > .form-control::-moz-placeholder { + color: transparent; +} + +.form-floating > .form-control::placeholder { + color: transparent; +} +.form-floating > .form-control:not(:-moz-placeholder-shown) ~ label { + opacity: 0.65; +} +.form-floating > .form-control:focus ~ label, +.form-floating > .form-control:not(:placeholder-shown) ~ label, +.form-floating > .form-select ~ label { + opacity: 0.65; +} +.form-floating > .form-control:-webkit-autofill ~ label { + opacity: 0.65; +} + +.input-group-text { + color: #b1b1b1; + background-color: #3b3b3b; + border: 1px solid #515151; +} + +.valid-feedback { + color: #00bc8c; +} + +.valid-tooltip { + color: #111; + background-color: rgba(0, 188, 140, 0.9); +} + +.was-validated .form-control:valid, .form-control.is-valid { + border-color: #00bc8c; + background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%2300bc8c' d='M2.3 6.73.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e"); +} +.was-validated .form-control:valid:focus, .form-control.is-valid:focus { + border-color: #00bc8c; + box-shadow: 0 0 0 0.25rem rgba(0, 188, 140, 0.25); +} + +.was-validated .form-select:valid, .form-select.is-valid { + border-color: #00bc8c; +} +.was-validated .form-select:valid:not([multiple]):not([size]), .was-validated .form-select:valid:not([multiple])[size="1"], .form-select.is-valid:not([multiple]):not([size]), .form-select.is-valid:not([multiple])[size="1"] { + background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23cfcfcf' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e"), url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%2300bc8c' d='M2.3 6.73.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e"); +} +.was-validated .form-select:valid[multiple], .was-validated .form-select:valid[size]:not([size="1"]), .form-select.is-valid[multiple], .form-select.is-valid[size]:not([size="1"]) { + background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%2300bc8c' d='M2.3 6.73.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e"); +} +.was-validated .form-select:valid:focus, .form-select.is-valid:focus { + border-color: #00bc8c; + box-shadow: 0 0 0 0.25rem rgba(0, 188, 140, 0.25); +} + +.was-validated .form-check-input:valid, .form-check-input.is-valid { + border-color: #00bc8c; +} +.was-validated .form-check-input:valid:checked, .form-check-input.is-valid:checked { + background-color: #00bc8c; +} +.was-validated .form-check-input:valid:focus, .form-check-input.is-valid:focus { + box-shadow: 0 0 0 0.25rem rgba(0, 188, 140, 0.25); +} +.was-validated .form-check-input:valid ~ .form-check-label, .form-check-input.is-valid ~ .form-check-label { + color: #00bc8c; +} + +.invalid-feedback { + color: #e74c3c; +} + +.invalid-tooltip { + color: #fafafa; + background-color: rgba(231, 76, 60, 0.9); +} + +.was-validated .form-control:invalid, .form-control.is-invalid { + border-color: #e74c3c; + background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23e74c3c'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e"); +} +.was-validated .form-control:invalid:focus, .form-control.is-invalid:focus { + border-color: #e74c3c; + box-shadow: 0 0 0 0.25rem rgba(231, 76, 60, 0.25); +} + +.was-validated .form-select:invalid, .form-select.is-invalid { + border-color: #e74c3c; +} +.was-validated .form-select:invalid:not([multiple]):not([size]), .was-validated .form-select:invalid:not([multiple])[size="1"], .form-select.is-invalid:not([multiple]):not([size]), .form-select.is-invalid:not([multiple])[size="1"] { + background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23cfcfcf' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e"), url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23e74c3c'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e"); +} +.was-validated .form-select:invalid[multiple], .was-validated .form-select:invalid[size]:not([size="1"]), .form-select.is-invalid[multiple], .form-select.is-invalid[size]:not([size="1"]) { + background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23e74c3c'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e"); +} +.was-validated .form-select:invalid:focus, .form-select.is-invalid:focus { + border-color: #e74c3c; + box-shadow: 0 0 0 0.25rem rgba(231, 76, 60, 0.25); +} + +.was-validated .form-check-input:invalid, .form-check-input.is-invalid { + border-color: #e74c3c; +} +.was-validated .form-check-input:invalid:checked, .form-check-input.is-invalid:checked { + background-color: #e74c3c; +} +.was-validated .form-check-input:invalid:focus, .form-check-input.is-invalid:focus { + box-shadow: 0 0 0 0.25rem rgba(231, 76, 60, 0.25); +} +.was-validated .form-check-input:invalid ~ .form-check-label, .form-check-input.is-invalid ~ .form-check-label { + color: #e74c3c; +} + +.btn { + color: #e1e1e1; + background-color: transparent; + border: 1px solid transparent; +} +.btn:hover { + color: #e1e1e1; +} +.btn-check:focus + .btn, .btn:focus { + box-shadow: 0 0 0 0.25rem rgba(55, 90, 127, 0.25); +} +.btn:disabled, .btn.disabled, fieldset:disabled .btn { + opacity: 0.65; +} + +.btn-primary { + color: #fafafa; + background-color: #375a7f; + border-color: #375a7f; +} +.btn-primary:hover { + color: #fafafa; + background-color: #2f4d6c; + border-color: #2c4866; +} +.btn-check:focus + .btn-primary, .btn-primary:focus { + color: #fafafa; + background-color: #2f4d6c; + border-color: #2c4866; + box-shadow: 0 0 0 0.25rem rgba(84, 114, 145, 0.5); +} +.btn-check:checked + .btn-primary, .btn-check:active + .btn-primary, .btn-primary:active, .btn-primary.active, .show > .btn-primary.dropdown-toggle { + color: #fafafa; + background-color: #2c4866; + border-color: #29445f; +} +.btn-check:checked + .btn-primary:focus, .btn-check:active + .btn-primary:focus, .btn-primary:active:focus, .btn-primary.active:focus, .show > .btn-primary.dropdown-toggle:focus { + box-shadow: 0 0 0 0.25rem rgba(84, 114, 145, 0.5); +} +.btn-primary:disabled, .btn-primary.disabled { + color: #fafafa; + background-color: #375a7f; + border-color: #375a7f; +} + +.btn-secondary { + color: #fafafa; + background-color: #626262; + border-color: #626262; +} +.btn-secondary:hover { + color: #fafafa; + background-color: #535353; + border-color: #4e4e4e; +} +.btn-check:focus + .btn-secondary, .btn-secondary:focus { + color: #fafafa; + background-color: #535353; + border-color: #4e4e4e; + box-shadow: 0 0 0 0.25rem rgba(121, 121, 121, 0.5); +} +.btn-check:checked + .btn-secondary, .btn-check:active + .btn-secondary, .btn-secondary:active, .btn-secondary.active, .show > .btn-secondary.dropdown-toggle { + color: #fafafa; + background-color: #4e4e4e; + border-color: #4a4a4a; +} +.btn-check:checked + .btn-secondary:focus, .btn-check:active + .btn-secondary:focus, .btn-secondary:active:focus, .btn-secondary.active:focus, .show > .btn-secondary.dropdown-toggle:focus { + box-shadow: 0 0 0 0.25rem rgba(121, 121, 121, 0.5); +} +.btn-secondary:disabled, .btn-secondary.disabled { + color: #fafafa; + background-color: #626262; + border-color: #626262; +} + +.btn-success { + color: #111; + background-color: #00bc8c; + border-color: #00bc8c; +} +.btn-success:hover { + color: #111; + background-color: #26c69d; + border-color: #1ac398; +} +.btn-check:focus + .btn-success, .btn-success:focus { + color: #111; + background-color: #26c69d; + border-color: #1ac398; + box-shadow: 0 0 0 0.25rem rgba(3, 162, 122, 0.5); +} +.btn-check:checked + .btn-success, .btn-check:active + .btn-success, .btn-success:active, .btn-success.active, .show > .btn-success.dropdown-toggle { + color: #111; + background-color: #33c9a3; + border-color: #1ac398; +} +.btn-check:checked + .btn-success:focus, .btn-check:active + .btn-success:focus, .btn-success:active:focus, .btn-success.active:focus, .show > .btn-success.dropdown-toggle:focus { + box-shadow: 0 0 0 0.25rem rgba(3, 162, 122, 0.5); +} +.btn-success:disabled, .btn-success.disabled { + color: #111; + background-color: #00bc8c; + border-color: #00bc8c; +} + +.btn-info { + color: #fafafa; + background-color: #17a2b8; + border-color: #17a2b8; +} +.btn-info:hover { + color: #fafafa; + background-color: #148a9c; + border-color: #128293; +} +.btn-check:focus + .btn-info, .btn-info:focus { + color: #fafafa; + background-color: #148a9c; + border-color: #128293; + box-shadow: 0 0 0 0.25rem rgba(57, 175, 194, 0.5); +} +.btn-check:checked + .btn-info, .btn-check:active + .btn-info, .btn-info:active, .btn-info.active, .show > .btn-info.dropdown-toggle { + color: #fafafa; + background-color: #128293; + border-color: #117a8a; +} +.btn-check:checked + .btn-info:focus, .btn-check:active + .btn-info:focus, .btn-info:active:focus, .btn-info.active:focus, .show > .btn-info.dropdown-toggle:focus { + box-shadow: 0 0 0 0.25rem rgba(57, 175, 194, 0.5); +} +.btn-info:disabled, .btn-info.disabled { + color: #fafafa; + background-color: #17a2b8; + border-color: #17a2b8; +} + +.btn-warning { + color: #111; + background-color: #f39c12; + border-color: #f39c12; +} +.btn-warning:hover { + color: #111; + background-color: #f5ab36; + border-color: #f4a62a; +} +.btn-check:focus + .btn-warning, .btn-warning:focus { + color: #111; + background-color: #f5ab36; + border-color: #f4a62a; + box-shadow: 0 0 0 0.25rem rgba(209, 135, 18, 0.5); +} +.btn-check:checked + .btn-warning, .btn-check:active + .btn-warning, .btn-warning:active, .btn-warning.active, .show > .btn-warning.dropdown-toggle { + color: #111; + background-color: #f5b041; + border-color: #f4a62a; +} +.btn-check:checked + .btn-warning:focus, .btn-check:active + .btn-warning:focus, .btn-warning:active:focus, .btn-warning.active:focus, .show > .btn-warning.dropdown-toggle:focus { + box-shadow: 0 0 0 0.25rem rgba(209, 135, 18, 0.5); +} +.btn-warning:disabled, .btn-warning.disabled { + color: #111; + background-color: #f39c12; + border-color: #f39c12; +} + +.btn-danger { + color: #fafafa; + background-color: #e74c3c; + border-color: #e74c3c; +} +.btn-danger:hover { + color: #fafafa; + background-color: #c44133; + border-color: #b93d30; +} +.btn-check:focus + .btn-danger, .btn-danger:focus { + color: #fafafa; + background-color: #c44133; + border-color: #b93d30; + box-shadow: 0 0 0 0.25rem rgba(234, 102, 89, 0.5); +} +.btn-check:checked + .btn-danger, .btn-check:active + .btn-danger, .btn-danger:active, .btn-danger.active, .show > .btn-danger.dropdown-toggle { + color: #fafafa; + background-color: #b93d30; + border-color: #ad392d; +} +.btn-check:checked + .btn-danger:focus, .btn-check:active + .btn-danger:focus, .btn-danger:active:focus, .btn-danger.active:focus, .show > .btn-danger.dropdown-toggle:focus { + box-shadow: 0 0 0 0.25rem rgba(234, 102, 89, 0.5); +} +.btn-danger:disabled, .btn-danger.disabled { + color: #fafafa; + background-color: #e74c3c; + border-color: #e74c3c; +} + +.btn-light { + color: #fafafa; + background-color: #9e9e9e; + border-color: #9e9e9e; +} +.btn-light:hover { + color: #fafafa; + background-color: #868686; + border-color: #7e7e7e; +} +.btn-check:focus + .btn-light, .btn-light:focus { + color: #fafafa; + background-color: #868686; + border-color: #7e7e7e; + box-shadow: 0 0 0 0.25rem rgba(172, 172, 172, 0.5); +} +.btn-check:checked + .btn-light, .btn-check:active + .btn-light, .btn-light:active, .btn-light.active, .show > .btn-light.dropdown-toggle { + color: #fafafa; + background-color: #7e7e7e; + border-color: #777777; +} +.btn-check:checked + .btn-light:focus, .btn-check:active + .btn-light:focus, .btn-light:active:focus, .btn-light.active:focus, .show > .btn-light.dropdown-toggle:focus { + box-shadow: 0 0 0 0.25rem rgba(172, 172, 172, 0.5); +} +.btn-light:disabled, .btn-light.disabled { + color: #fafafa; + background-color: #9e9e9e; + border-color: #9e9e9e; +} + +.btn-dark { + color: #fafafa; + background-color: #3b3b3b; + border-color: #3b3b3b; +} +.btn-dark:hover { + color: #fafafa; + background-color: #323232; + border-color: #2f2f2f; +} +.btn-check:focus + .btn-dark, .btn-dark:focus { + color: #fafafa; + background-color: #323232; + border-color: #2f2f2f; + box-shadow: 0 0 0 0.25rem rgba(88, 88, 88, 0.5); +} +.btn-check:checked + .btn-dark, .btn-check:active + .btn-dark, .btn-dark:active, .btn-dark.active, .show > .btn-dark.dropdown-toggle { + color: #fafafa; + background-color: #2f2f2f; + border-color: #2c2c2c; +} +.btn-check:checked + .btn-dark:focus, .btn-check:active + .btn-dark:focus, .btn-dark:active:focus, .btn-dark.active:focus, .show > .btn-dark.dropdown-toggle:focus { + box-shadow: 0 0 0 0.25rem rgba(88, 88, 88, 0.5); +} +.btn-dark:disabled, .btn-dark.disabled { + color: #fafafa; + background-color: #3b3b3b; + border-color: #3b3b3b; +} + +.btn-outline-primary { + color: #375a7f; + border-color: #375a7f; +} +.btn-outline-primary:hover { + color: #fff; + background-color: #375a7f; + border-color: #375a7f; +} +.btn-check:focus + .btn-outline-primary, .btn-outline-primary:focus { + box-shadow: 0 0 0 0.25rem rgba(55, 90, 127, 0.5); +} +.btn-check:checked + .btn-outline-primary, .btn-check:active + .btn-outline-primary, .btn-outline-primary:active, .btn-outline-primary.active, .btn-outline-primary.dropdown-toggle.show { + color: #fff; + background-color: #375a7f; + border-color: #375a7f; +} +.btn-check:checked + .btn-outline-primary:focus, .btn-check:active + .btn-outline-primary:focus, .btn-outline-primary:active:focus, .btn-outline-primary.active:focus, .btn-outline-primary.dropdown-toggle.show:focus { + box-shadow: 0 0 0 0.25rem rgba(55, 90, 127, 0.5); +} +.btn-outline-primary:disabled, .btn-outline-primary.disabled { + color: #375a7f; + background-color: transparent; +} + +.btn-outline-secondary { + color: #626262; + border-color: #626262; +} +.btn-outline-secondary:hover { + color: #fff; + background-color: #626262; + border-color: #626262; +} +.btn-check:focus + .btn-outline-secondary, .btn-outline-secondary:focus { + box-shadow: 0 0 0 0.25rem rgba(98, 98, 98, 0.5); +} +.btn-check:checked + .btn-outline-secondary, .btn-check:active + .btn-outline-secondary, .btn-outline-secondary:active, .btn-outline-secondary.active, .btn-outline-secondary.dropdown-toggle.show { + color: #fff; + background-color: #626262; + border-color: #626262; +} +.btn-check:checked + .btn-outline-secondary:focus, .btn-check:active + .btn-outline-secondary:focus, .btn-outline-secondary:active:focus, .btn-outline-secondary.active:focus, .btn-outline-secondary.dropdown-toggle.show:focus { + box-shadow: 0 0 0 0.25rem rgba(98, 98, 98, 0.5); +} +.btn-outline-secondary:disabled, .btn-outline-secondary.disabled { + color: #626262; + background-color: transparent; +} + +.btn-outline-success { + color: #00bc8c; + border-color: #00bc8c; +} +.btn-outline-success:hover { + color: #000; + background-color: #00bc8c; + border-color: #00bc8c; +} +.btn-check:focus + .btn-outline-success, .btn-outline-success:focus { + box-shadow: 0 0 0 0.25rem rgba(0, 188, 140, 0.5); +} +.btn-check:checked + .btn-outline-success, .btn-check:active + .btn-outline-success, .btn-outline-success:active, .btn-outline-success.active, .btn-outline-success.dropdown-toggle.show { + color: #000; + background-color: #00bc8c; + border-color: #00bc8c; +} +.btn-check:checked + .btn-outline-success:focus, .btn-check:active + .btn-outline-success:focus, .btn-outline-success:active:focus, .btn-outline-success.active:focus, .btn-outline-success.dropdown-toggle.show:focus { + box-shadow: 0 0 0 0.25rem rgba(0, 188, 140, 0.5); +} +.btn-outline-success:disabled, .btn-outline-success.disabled { + color: #00bc8c; + background-color: transparent; +} + +.btn-outline-info { + color: #17a2b8; + border-color: #17a2b8; +} +.btn-outline-info:hover { + color: #000; + background-color: #17a2b8; + border-color: #17a2b8; +} +.btn-check:focus + .btn-outline-info, .btn-outline-info:focus { + box-shadow: 0 0 0 0.25rem rgba(23, 162, 184, 0.5); +} +.btn-check:checked + .btn-outline-info, .btn-check:active + .btn-outline-info, .btn-outline-info:active, .btn-outline-info.active, .btn-outline-info.dropdown-toggle.show { + color: #000; + background-color: #17a2b8; + border-color: #17a2b8; +} +.btn-check:checked + .btn-outline-info:focus, .btn-check:active + .btn-outline-info:focus, .btn-outline-info:active:focus, .btn-outline-info.active:focus, .btn-outline-info.dropdown-toggle.show:focus { + box-shadow: 0 0 0 0.25rem rgba(23, 162, 184, 0.5); +} +.btn-outline-info:disabled, .btn-outline-info.disabled { + color: #17a2b8; + background-color: transparent; +} + +.btn-outline-warning { + color: #f39c12; + border-color: #f39c12; +} +.btn-outline-warning:hover { + color: #000; + background-color: #f39c12; + border-color: #f39c12; +} +.btn-check:focus + .btn-outline-warning, .btn-outline-warning:focus { + box-shadow: 0 0 0 0.25rem rgba(243, 156, 18, 0.5); +} +.btn-check:checked + .btn-outline-warning, .btn-check:active + .btn-outline-warning, .btn-outline-warning:active, .btn-outline-warning.active, .btn-outline-warning.dropdown-toggle.show { + color: #000; + background-color: #f39c12; + border-color: #f39c12; +} +.btn-check:checked + .btn-outline-warning:focus, .btn-check:active + .btn-outline-warning:focus, .btn-outline-warning:active:focus, .btn-outline-warning.active:focus, .btn-outline-warning.dropdown-toggle.show:focus { + box-shadow: 0 0 0 0.25rem rgba(243, 156, 18, 0.5); +} +.btn-outline-warning:disabled, .btn-outline-warning.disabled { + color: #f39c12; + background-color: transparent; +} + +.btn-outline-danger { + color: #e74c3c; + border-color: #e74c3c; +} +.btn-outline-danger:hover { + color: #000; + background-color: #e74c3c; + border-color: #e74c3c; +} +.btn-check:focus + .btn-outline-danger, .btn-outline-danger:focus { + box-shadow: 0 0 0 0.25rem rgba(231, 76, 60, 0.5); +} +.btn-check:checked + .btn-outline-danger, .btn-check:active + .btn-outline-danger, .btn-outline-danger:active, .btn-outline-danger.active, .btn-outline-danger.dropdown-toggle.show { + color: #000; + background-color: #e74c3c; + border-color: #e74c3c; +} +.btn-check:checked + .btn-outline-danger:focus, .btn-check:active + .btn-outline-danger:focus, .btn-outline-danger:active:focus, .btn-outline-danger.active:focus, .btn-outline-danger.dropdown-toggle.show:focus { + box-shadow: 0 0 0 0.25rem rgba(231, 76, 60, 0.5); +} +.btn-outline-danger:disabled, .btn-outline-danger.disabled { + color: #e74c3c; + background-color: transparent; +} + +.btn-outline-light { + color: #9e9e9e; + border-color: #9e9e9e; +} +.btn-outline-light:hover { + color: #000; + background-color: #9e9e9e; + border-color: #9e9e9e; +} +.btn-check:focus + .btn-outline-light, .btn-outline-light:focus { + box-shadow: 0 0 0 0.25rem rgba(158, 158, 158, 0.5); +} +.btn-check:checked + .btn-outline-light, .btn-check:active + .btn-outline-light, .btn-outline-light:active, .btn-outline-light.active, .btn-outline-light.dropdown-toggle.show { + color: #000; + background-color: #9e9e9e; + border-color: #9e9e9e; +} +.btn-check:checked + .btn-outline-light:focus, .btn-check:active + .btn-outline-light:focus, .btn-outline-light:active:focus, .btn-outline-light.active:focus, .btn-outline-light.dropdown-toggle.show:focus { + box-shadow: 0 0 0 0.25rem rgba(158, 158, 158, 0.5); +} +.btn-outline-light:disabled, .btn-outline-light.disabled { + color: #9e9e9e; + background-color: transparent; +} + +.btn-outline-dark { + color: #3b3b3b; + border-color: #3b3b3b; +} +.btn-outline-dark:hover { + color: #fff; + background-color: #3b3b3b; + border-color: #3b3b3b; +} +.btn-check:focus + .btn-outline-dark, .btn-outline-dark:focus { + box-shadow: 0 0 0 0.25rem rgba(59, 59, 59, 0.5); +} +.btn-check:checked + .btn-outline-dark, .btn-check:active + .btn-outline-dark, .btn-outline-dark:active, .btn-outline-dark.active, .btn-outline-dark.dropdown-toggle.show { + color: #fff; + background-color: #3b3b3b; + border-color: #3b3b3b; +} +.btn-check:checked + .btn-outline-dark:focus, .btn-check:active + .btn-outline-dark:focus, .btn-outline-dark:active:focus, .btn-outline-dark.active:focus, .btn-outline-dark.dropdown-toggle.show:focus { + box-shadow: 0 0 0 0.25rem rgba(59, 59, 59, 0.5); +} +.btn-outline-dark:disabled, .btn-outline-dark.disabled { + color: #3b3b3b; + background-color: transparent; +} + +.btn-link { + color: #5f7b99; +} +.btn-link:hover { + color: #4b6b8c; +} +.btn-link:disabled, .btn-link.disabled { + color: #626262; +} + +.dropdown-menu { + color: #e1e1e1; + background-color: #111; + border: 1px solid rgba(250, 250, 250, 0.15); +} + +.dropdown-divider { + border-top: 1px solid rgba(250, 250, 250, 0.15); +} + +.dropdown-item { + color: #f8f9fa; + background-color: transparent; + border: 0; +} +.dropdown-item:hover, .dropdown-item:focus { + color: #dfe0e1; + background-color: #343a40; +} +.dropdown-item.active, .dropdown-item:active { + color: #fafafa; + background-color: #375a7f; +} +.dropdown-item.disabled, .dropdown-item:disabled { + color: #7e7e7e; + background-color: transparent; +} + +.dropdown-header { + color: #9e9e9e; +} + +.dropdown-item-text { + color: #f8f9fa; +} + +.dropdown-menu-dark { + color: #515151; + background-color: #cfcfcf; + border-color: rgba(250, 250, 250, 0.15); +} +.dropdown-menu-dark .dropdown-item { + color: #515151; +} +.dropdown-menu-dark .dropdown-item:hover, .dropdown-menu-dark .dropdown-item:focus { + color: #111; + background-color: rgba(17, 17, 17, 0.15); +} +.dropdown-menu-dark .dropdown-item.active, .dropdown-menu-dark .dropdown-item:active { + color: #fafafa; + background-color: #375a7f; +} +.dropdown-menu-dark .dropdown-item.disabled, .dropdown-menu-dark .dropdown-item:disabled { + color: #7e7e7e; +} +.dropdown-menu-dark .dropdown-divider { + border-color: rgba(250, 250, 250, 0.15); +} +.dropdown-menu-dark .dropdown-item-text { + color: #515151; +} +.dropdown-menu-dark .dropdown-header { + color: #7e7e7e; +} + +.nav-link { + color: #5f7b99; +} +.nav-link:hover, .nav-link:focus { + color: #4b6b8c; +} +.nav-link.disabled { + color: #9e9e9e; +} + +.nav-tabs { + border-bottom: 1px solid #515151; +} +.nav-tabs .nav-link { + border: 1px solid transparent; +} +.nav-tabs .nav-link:hover, .nav-tabs .nav-link:focus { + border-color: #3b3b3b #3b3b3b #515151; +} +.nav-tabs .nav-link.disabled { + color: #9e9e9e; + background-color: transparent; + border-color: transparent; +} +.nav-tabs .nav-link.active, +.nav-tabs .nav-item.show .nav-link { + color: #b1b1b1; + background-color: #222; + border-color: #515151 #515151 #222; +} + +.nav-pills .nav-link.active, +.nav-pills .show > .nav-link { + color: #fafafa; + background-color: #375a7f; +} + +.navbar-toggler { + background-color: transparent; + border: 1px solid transparent; +} + +.navbar-light .navbar-brand { + color: rgba(250, 250, 250, 0.9); +} +.navbar-light .navbar-brand:hover, .navbar-light .navbar-brand:focus { + color: rgba(250, 250, 250, 0.9); +} +.navbar-light .navbar-nav .nav-link { + color: rgba(250, 250, 250, 0.55); +} +.navbar-light .navbar-nav .nav-link:hover, .navbar-light .navbar-nav .nav-link:focus { + color: rgba(250, 250, 250, 0.7); +} +.navbar-light .navbar-nav .nav-link.disabled { + color: rgba(250, 250, 250, 0.3); +} +.navbar-light .navbar-nav .show > .nav-link, +.navbar-light .navbar-nav .nav-link.active { + color: rgba(250, 250, 250, 0.9); +} +.navbar-light .navbar-toggler { + color: rgba(250, 250, 250, 0.55); + border-color: rgba(250, 250, 250, 0.1); +} +.navbar-light .navbar-toggler-icon { + background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28250, 250, 250, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e"); +} +.navbar-light .navbar-text { + color: rgba(250, 250, 250, 0.55); +} +.navbar-light .navbar-text a, +.navbar-light .navbar-text a:hover, +.navbar-light .navbar-text a:focus { + color: rgba(250, 250, 250, 0.9); +} + +.navbar-dark .navbar-brand { + color: #fafafa; +} +.navbar-dark .navbar-brand:hover, .navbar-dark .navbar-brand:focus { + color: #fafafa; +} +.navbar-dark .navbar-nav .nav-link { + color: rgba(250, 250, 250, 0.55); +} +.navbar-dark .navbar-nav .nav-link:hover, .navbar-dark .navbar-nav .nav-link:focus { + color: rgba(250, 250, 250, 0.75); +} +.navbar-dark .navbar-nav .nav-link.disabled { + color: rgba(250, 250, 250, 0.25); +} +.navbar-dark .navbar-nav .show > .nav-link, +.navbar-dark .navbar-nav .nav-link.active { + color: #fafafa; +} +.navbar-dark .navbar-toggler { + color: rgba(250, 250, 250, 0.55); + border-color: rgba(250, 250, 250, 0.1); +} +.navbar-dark .navbar-toggler-icon { + background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28250, 250, 250, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e"); +} +.navbar-dark .navbar-text { + color: rgba(250, 250, 250, 0.55); +} +.navbar-dark .navbar-text a, +.navbar-dark .navbar-text a:hover, +.navbar-dark .navbar-text a:focus { + color: #fafafa; +} + +.card { + background-color: #222; + border: 1px solid rgba(250, 250, 250, 0.125); +} + +.card-header { + background-color: rgba(250, 250, 250, 0.03); + border-bottom: 1px solid rgba(250, 250, 250, 0.125); +} + +.card-footer { + background-color: rgba(250, 250, 250, 0.03); + border-top: 1px solid rgba(250, 250, 250, 0.125); +} + +.accordion-button { + color: #e1e1e1; + background-color: #222; +} +.accordion-button:not(.collapsed) { + color: #879cb2; + background-color: #1c2d40; + box-shadow: inset 0 -1px 0 rgba(250, 250, 250, 0.125); +} +.accordion-button:not(.collapsed)::after { + background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23879cb2'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e"); +} +.accordion-button::after { + background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23e1e1e1'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e"); +} +.accordion-button:hover { + z-index: 2; +} +.accordion-button:focus { + border-color: #9badbf; + box-shadow: 0 0 0 0.25rem rgba(55, 90, 127, 0.25); +} + +.accordion-item { + background-color: #222; + border: 1px solid rgba(250, 250, 250, 0.125); +} + +.accordion-flush .accordion-collapse { + border-width: 0; +} +.accordion-flush .accordion-item { + border-right: 0; + border-left: 0; +} +.accordion-flush .accordion-item:first-child { + border-top: 0; +} +.accordion-flush .accordion-item:last-child { + border-bottom: 0; +} + +.breadcrumb-item + .breadcrumb-item::before { + color: #9e9e9e; +} +.breadcrumb-item.active { + color: #9e9e9e; +} + +.page-link { + color: #5f7b99; + background-color: #3b3b3b; + border: 1px solid #515151; +} +.page-link:hover { + color: #4b6b8c; + background-color: #515151; + border-color: #515151; +} +.page-link:focus { + color: #4b6b8c; + background-color: #3b3b3b; + outline: 0; + box-shadow: 0 0 0 0.25rem rgba(55, 90, 127, 0.25); +} + +.page-item.active .page-link { + color: #fafafa; + background-color: #375a7f; + border-color: #375a7f; +} +.page-item.disabled .page-link { + color: #5a5a5a; + background-color: #222; + border-color: #515151; +} + +.badge { + color: #fafafa; +} + +.alert-heading { + color: inherit; +} + +.alert-primary { + color: #738ca5; + background-color: #1c2d40; + border-color: #21364c; +} +.alert-primary .alert-link { + color: #5c7084; +} + +.alert-secondary { + color: #919191; + background-color: #313131; + border-color: #3b3b3b; +} +.alert-secondary .alert-link { + color: #747474; +} + +.alert-success { + color: #4dd0af; + background-color: #005e46; + border-color: #007154; +} +.alert-success .alert-link { + color: #3ea68c; +} + +.alert-info { + color: #5dbecd; + background-color: #0c515c; + border-color: #0e616e; +} +.alert-info .alert-link { + color: #4a98a4; +} + +.alert-warning { + color: #f7ba59; + background-color: #7a4e09; + border-color: #925e0b; +} +.alert-warning .alert-link { + color: #c69547; +} + +.alert-danger { + color: #ee8277; + background-color: #74261e; + border-color: #8b2e24; +} +.alert-danger .alert-link { + color: #be685f; +} + +.alert-light { + color: #bbbbbb; + background-color: #4f4f4f; + border-color: #5f5f5f; +} +.alert-light .alert-link { + color: #969696; +} + +.alert-dark { + color: #767676; + background-color: #1e1e1e; + border-color: #232323; +} +.alert-dark .alert-link { + color: #5e5e5e; +} + +.progress { + background-color: #3b3b3b; +} + +.progress-bar { + color: #111; + background-color: #375a7f; +} + +.list-group-item-action { + color: #b1b1b1; +} +.list-group-item-action:hover, .list-group-item-action:focus { + color: #b1b1b1; + background-color: #2f2f2f; +} +.list-group-item-action:active { + color: #e1e1e1; + background-color: #3b3b3b; +} + +.list-group-item { + color: #e1e1e1; + background-color: #222; + border: 1px solid rgba(250, 250, 250, 0.125); +} +.list-group-item.disabled, .list-group-item:disabled { + color: #9e9e9e; + background-color: #222; +} +.list-group-item.active { + color: #fafafa; + background-color: #375a7f; + border-color: #375a7f; +} + +.list-group-flush > .list-group-item { + border-width: 0 0 1px; +} +.list-group-flush > .list-group-item:last-child { + border-bottom-width: 0; +} + +.list-group-item-primary { + color: #738ca5; + background-color: #1c2d40; +} +.list-group-item-primary.list-group-item-action:hover, .list-group-item-primary.list-group-item-action:focus { + color: #738ca5; + background-color: #19293a; +} +.list-group-item-primary.list-group-item-action.active { + color: #fff; + background-color: #738ca5; + border-color: #738ca5; +} + +.list-group-item-secondary { + color: #919191; + background-color: #313131; +} +.list-group-item-secondary.list-group-item-action:hover, .list-group-item-secondary.list-group-item-action:focus { + color: #919191; + background-color: #2c2c2c; +} +.list-group-item-secondary.list-group-item-action.active { + color: #fff; + background-color: #919191; + border-color: #919191; +} + +.list-group-item-success { + color: #4dd0af; + background-color: #005e46; +} +.list-group-item-success.list-group-item-action:hover, .list-group-item-success.list-group-item-action:focus { + color: #4dd0af; + background-color: #00553f; +} +.list-group-item-success.list-group-item-action.active { + color: #fff; + background-color: #4dd0af; + border-color: #4dd0af; +} + +.list-group-item-info { + color: #5dbecd; + background-color: #0c515c; +} +.list-group-item-info.list-group-item-action:hover, .list-group-item-info.list-group-item-action:focus { + color: #5dbecd; + background-color: #0b4953; +} +.list-group-item-info.list-group-item-action.active { + color: #fff; + background-color: #5dbecd; + border-color: #5dbecd; +} + +.list-group-item-warning { + color: #f7ba59; + background-color: #7a4e09; +} +.list-group-item-warning.list-group-item-action:hover, .list-group-item-warning.list-group-item-action:focus { + color: #f7ba59; + background-color: #6e4608; +} +.list-group-item-warning.list-group-item-action.active { + color: #fff; + background-color: #f7ba59; + border-color: #f7ba59; +} + +.list-group-item-danger { + color: #ee8277; + background-color: #74261e; +} +.list-group-item-danger.list-group-item-action:hover, .list-group-item-danger.list-group-item-action:focus { + color: #ee8277; + background-color: #68221b; +} +.list-group-item-danger.list-group-item-action.active { + color: #fff; + background-color: #ee8277; + border-color: #ee8277; +} + +.list-group-item-light { + color: #bbbbbb; + background-color: #4f4f4f; +} +.list-group-item-light.list-group-item-action:hover, .list-group-item-light.list-group-item-action:focus { + color: #bbbbbb; + background-color: #474747; +} +.list-group-item-light.list-group-item-action.active { + color: #fff; + background-color: #bbbbbb; + border-color: #bbbbbb; +} + +.list-group-item-dark { + color: #767676; + background-color: #1e1e1e; +} +.list-group-item-dark.list-group-item-action:hover, .list-group-item-dark.list-group-item-action:focus { + color: #767676; + background-color: #1b1b1b; +} +.list-group-item-dark.list-group-item-action.active { + color: #fff; + background-color: #767676; + border-color: #767676; +} + +.btn-close { + color: #fafafa; + background: transparent url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fafafa'%3e%3cpath d='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414z'/%3e%3c/svg%3e") center/1em auto no-repeat; + opacity: 0.5; +} +.btn-close:hover { + color: #fafafa; + opacity: 0.75; +} +.btn-close:focus { + box-shadow: 0 0 0 0.25rem rgba(55, 90, 127, 0.25); + opacity: 1; +} +.btn-close:disabled, .btn-close.disabled { + opacity: 0.25; +} + +.btn-close-white { + filter: invert(1) grayscale(100%) brightness(200%); +} + +.toast { + background-color: rgba(17, 17, 17, 0.85); + border: 1px solid rgba(250, 250, 250, 0.1); + box-shadow: 0 0.5rem 1rem rgba(17, 17, 17, 0.15); +} + +.toast-header { + color: #9e9e9e; + background-color: rgba(17, 17, 17, 0.85); + border-bottom: 1px solid rgba(250, 250, 250, 0.05); +} + +.modal-content { + background-color: #2f2f2f; + border: 1px solid rgba(250, 250, 250, 0.2); +} + +.modal-backdrop { + background-color: #111; +} +.modal-backdrop.fade { + opacity: 0; +} +.modal-backdrop.show { + opacity: 0.85; +} + +.modal-header { + border-bottom: 1px solid #515151; +} + +.modal-footer { + border-top: 1px solid #515151; +} + +.tooltip { + opacity: 0; +} +.tooltip.show { + opacity: 0.9; +} + +.bs-tooltip-top .tooltip-arrow::before, +.bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow::before { + border-top-color: #fafafa; +} + +.bs-tooltip-end .tooltip-arrow::before, +.bs-tooltip-auto[data-popper-placement^=right] .tooltip-arrow::before { + border-right-color: #fafafa; +} + +.bs-tooltip-bottom .tooltip-arrow::before, +.bs-tooltip-auto[data-popper-placement^=bottom] .tooltip-arrow::before { + border-bottom-color: #fafafa; +} + +.bs-tooltip-start .tooltip-arrow::before, +.bs-tooltip-auto[data-popper-placement^=left] .tooltip-arrow::before { + border-left-color: #fafafa; +} + +.tooltip-inner { + color: #111; + background-color: #fafafa; +} + +.popover { + background-color: #111; + border: 1px solid rgba(250, 250, 250, 0.2); +} +.popover .popover-arrow::before, .popover .popover-arrow::after { + border-color: transparent; + border-style: solid; +} + +.bs-popover-top > .popover-arrow::before, +.bs-popover-auto[data-popper-placement^=top] > .popover-arrow::before { + border-top-color: rgba(250, 250, 250, 0.25); +} +.bs-popover-top > .popover-arrow::after, +.bs-popover-auto[data-popper-placement^=top] > .popover-arrow::after { + border-top-color: #111; +} + +.bs-popover-end > .popover-arrow::before, +.bs-popover-auto[data-popper-placement^=right] > .popover-arrow::before { + border-right-color: rgba(250, 250, 250, 0.25); +} +.bs-popover-end > .popover-arrow::after, +.bs-popover-auto[data-popper-placement^=right] > .popover-arrow::after { + border-right-color: #111; +} + +.bs-popover-bottom > .popover-arrow::before, +.bs-popover-auto[data-popper-placement^=bottom] > .popover-arrow::before { + border-bottom-color: rgba(250, 250, 250, 0.25); +} +.bs-popover-bottom > .popover-arrow::after, +.bs-popover-auto[data-popper-placement^=bottom] > .popover-arrow::after { + border-bottom-color: #111; +} +.bs-popover-bottom .popover-header::before, +.bs-popover-auto[data-popper-placement^=bottom] .popover-header::before { + border-bottom: 1px solid #1f1f1f; +} + +.bs-popover-start > .popover-arrow::before, +.bs-popover-auto[data-popper-placement^=left] > .popover-arrow::before { + border-left-color: rgba(250, 250, 250, 0.25); +} +.bs-popover-start > .popover-arrow::after, +.bs-popover-auto[data-popper-placement^=left] > .popover-arrow::after { + border-left-color: #111; +} + +.popover-header { + background-color: #1f1f1f; + border-bottom: 1px solid rgba(250, 250, 250, 0.2); +} + +.popover-body { + color: #e1e1e1; +} + +.carousel-control-prev, +.carousel-control-next { + color: #fafafa; + opacity: 0.5; +} +.carousel-control-prev:hover, .carousel-control-prev:focus, +.carousel-control-next:hover, +.carousel-control-next:focus { + color: #fafafa; + opacity: 0.9; +} + +.carousel-control-prev-icon { + background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fafafa'%3e%3cpath d='M11.354 1.646a.5.5 0 0 1 0 .708L5.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0z'/%3e%3c/svg%3e"); +} + +.carousel-control-next-icon { + background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fafafa'%3e%3cpath d='M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e"); +} + +.carousel-indicators [data-bs-target] { + background-color: #111; + opacity: 0.5; +} +.carousel-indicators .active { + opacity: 1; +} + +.carousel-caption { + color: #111; +} + +.carousel-dark .carousel-control-prev-icon, +.carousel-dark .carousel-control-next-icon { + filter: invert(1) grayscale(100); +} +.carousel-dark .carousel-indicators [data-bs-target] { + background-color: #fafafa; +} +.carousel-dark .carousel-caption { + color: #fafafa; +} + +.offcanvas { + background-color: #2f2f2f; +} + +.offcanvas-backdrop { + background-color: #111; +} +.offcanvas-backdrop.fade { + opacity: 0; +} +.offcanvas-backdrop.show { + opacity: 0.85; +} + +.offcanvas-start { + border-right: 1px solid rgba(250, 250, 250, 0.2); +} + +.offcanvas-end { + border-left: 1px solid rgba(250, 250, 250, 0.2); +} + +.offcanvas-top { + border-bottom: 1px solid rgba(250, 250, 250, 0.2); +} + +.offcanvas-bottom { + border-top: 1px solid rgba(250, 250, 250, 0.2); +} + +.placeholder { + background-color: currentColor; + opacity: 0.5; +} + +@-webkit-keyframes placeholder-glow { + 50% { + opacity: 0.2; + } +} + +@keyframes placeholder-glow { + 50% { + opacity: 0.2; + } +} +.placeholder-wave { + -webkit-mask-image: linear-gradient(130deg, #fafafa 55%, rgba(255, 255, 255, 0.8) 75%, #fafafa 95%); + mask-image: linear-gradient(130deg, #fafafa 55%, rgba(255, 255, 255, 0.8) 75%, #fafafa 95%); +} + +.link-primary { + color: #375a7f; +} +.link-primary:hover, .link-primary:focus { + color: #2c4866; +} + +.link-secondary { + color: #626262; +} +.link-secondary:hover, .link-secondary:focus { + color: #4e4e4e; +} + +.link-success { + color: #00bc8c; +} +.link-success:hover, .link-success:focus { + color: #33c9a3; +} + +.link-info { + color: #17a2b8; +} +.link-info:hover, .link-info:focus { + color: #128293; +} + +.link-warning { + color: #f39c12; +} +.link-warning:hover, .link-warning:focus { + color: #f5b041; +} + +.link-danger { + color: #e74c3c; +} +.link-danger:hover, .link-danger:focus { + color: #b93d30; +} + +.link-light { + color: #9e9e9e; +} +.link-light:hover, .link-light:focus { + color: #7e7e7e; +} + +.link-dark { + color: #3b3b3b; +} +.link-dark:hover, .link-dark:focus { + color: #2f2f2f; +} + +.vr { + background-color: currentColor; + opacity: 0.1; +} + +.shadow { + box-shadow: 0 0.5rem 1rem rgba(17, 17, 17, 0.15) !important; +} + +.shadow-sm { + box-shadow: 0 0.125rem 0.25rem rgba(17, 17, 17, 0.075) !important; +} + +.shadow-lg { + box-shadow: 0 1rem 3rem rgba(17, 17, 17, 0.175) !important; +} + +.border { + border: 1px solid #515151 !important; +} + +.border-top { + border-top: 1px solid #515151 !important; +} + +.border-end { + border-right: 1px solid #515151 !important; +} + +.border-bottom { + border-bottom: 1px solid #515151 !important; +} + +.border-start { + border-left: 1px solid #515151 !important; +} + +.border-primary { + border-color: #375a7f !important; +} + +.border-secondary { + border-color: #626262 !important; +} + +.border-success { + border-color: #00bc8c !important; +} + +.border-info { + border-color: #17a2b8 !important; +} + +.border-warning { + border-color: #f39c12 !important; +} + +.border-danger { + border-color: #e74c3c !important; +} + +.border-light { + border-color: #9e9e9e !important; +} + +.border-dark { + border-color: #3b3b3b !important; +} + +.border-white { + border-color: #fafafa !important; +} + +.border-black { + border-color: #111 !important; +} + +.text-muted { + --bs-text-opacity: 1; + color: #9e9e9e !important; +} + +.text-white-50 { + --bs-text-opacity: 1; + color: rgba(250, 250, 250, 0.5) !important; +} + +.text-black-50 { + --bs-text-opacity: 1; + color: rgba(17, 17, 17, 0.5) !important; +} + +.bg-black { + --bs-bg-opacity: 1; + background-color: #111 !important; +} + +body::-moz-selection { + color: #cfcfcf; + background: rgba(23, 162, 184, 0.5); +} + +body::selection { + color: #cfcfcf; + background: rgba(23, 162, 184, 0.5); +} + +/*# sourceMappingURL=bootstrap-nightfall.css.map */
\ No newline at end of file diff --git a/view/theme/redbasic/schema/dark.css b/view/theme/redbasic/schema/dark.css index bf55fec72..e7049a1c5 100644 --- a/view/theme/redbasic/schema/dark.css +++ b/view/theme/redbasic/schema/dark.css @@ -157,6 +157,10 @@ option { color:#fff !important; } +.dropdown-item { + color: $font_colour; +} + a.btn, aside a { font-weight: 400 !important; } @@ -164,7 +168,7 @@ a.btn, aside a { .btn { background-color: #1e1e1e; border-color: #222; - color: #ccc; + color: $font_colour; text-shadow: none; box-shadow: none; } @@ -181,7 +185,7 @@ a.btn, aside a { } .btn-primary, input#event-submit, input#rmagic-submit-button, input#lostpass-submit-button { - background-color: #337AB7; + background-color: #20537E; color: #FFF; } @@ -192,8 +196,8 @@ a.btn, aside a { } .btn-success { - color: #FFF !important; - background-color: #5CB85C !important; + color: #ccc !important; + background-color: #336A33 !important; border-color: #4CAE4C !important; } @@ -216,7 +220,7 @@ a.btn, aside a { } .btn-danger, form#chat-destroy > input { - background-color: #D9534F !important; + background-color: #B22A26 !important; border-color: #D43F3A !important; color: #FFF !important; } diff --git a/view/theme/redbasic/schema/dark.php b/view/theme/redbasic/schema/dark.php index af4b122f1..18e92ac93 100644 --- a/view/theme/redbasic/schema/dark.php +++ b/view/theme/redbasic/schema/dark.php @@ -1,5 +1,5 @@ <?php - + if (! $nav_bg) $nav_bg = "#000"; if (! $nav_gradient_top) @@ -35,7 +35,7 @@ if (! $font_colour) $font_colour = "#ccc"; if (! $converse_width) - $converse_width = "1024"; - + $converse_width = '52'; //unit: rem; + |