html, body {background-color: #181818; color: #999999; }
:root {
  --text-color: #888888;
  --text-header-color: #888888;

  --menu-color: #666666;
  --menu-background-color: #181818;
  --menu-border-color: #333333;

  --menu-disabled-color: #333333;
  --menu-disabled-background-color: #181818;

  --menu-highlight-color: #111111;
  --menu-highlight-background-color: #888888;
  --menu-active-color: #666666;
  --menu-item-active-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='48' height='48'%3e%3ccircle fill='%23FFF' cx='24' cy='24' r='19'/%3e%3c/svg%3e");
  --menu-item-exp-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48'%3e%3cpath fill='%23FFF' d='M34 24L14 42V6z'/%3e%3c/svg%3e");

  --menu-connect-line-color: #616161;
  --menu-connect-line-style: dotted;

  --container-bg-color: #181818;
  --container-border-color: #333333;
  --btn-bg-color: #D6D6D6;
  --header-bg-color: #181818;
  --header-border-color: #333333;
  --footer-height: 25px;
  --footer-bg-color: #181818;
  --footer-bg-image: none;
  --footer-border-color: #333333;
  --dialog-bg-color: #181818;
  --dialog-border-color: #333333;

  --navbar-height: 36px;
  --navbar-bg-color: #181818;
  --navbar-bg-image: url(../plugins/theme/themes/DarkBetter/images/t_bg.png);
  --navbar-border-color: #333333;
  --navbar-item-bg-color: #181818;
  --navbar-item-border-color: #333333;
  --loading-indicator-icon: url(../plugins/theme/themes/DarkBetter/images/ajax-loader.gif);
  --loading-indicator-side-length: 28px;
}
#StatusBar {
  /* --pane-up-icon: undefined - inherit from standard theme; */
  /* --pane-down-icon: undefined - inherit from standard theme; */
}
category-panel {
  --open-background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48'%3e%3cpath stroke='#23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' d='M24 34l18-20H6z'/%3e%3c/svg%3e");
  --heading-background-color: #111111;
  --heading-border-color: #333333;
}
button, input.Button {
  background: -webkit-gradient(
    linear,
    left top,
    left bottom,
    color-stop(0.05, #d6d6d6),
    color-stop(1, #c7c7c7)
  );
  background: -moz-linear-gradient(top, #d6d6d6 5%, #c7c7c7 100%);
  background: -webkit-linear-gradient(top, #d6d6d6 5%, #c7c7c7 100%);
  background: -o-linear-gradient(top, #d6d6d6 5%, #c7c7c7 100%);
  background: -ms-linear-gradient(top, #d6d6d6 5%, #c7c7c7 100%);
  background: linear-gradient(to bottom, #d6d6d6 5%, #c7c7c7 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#d6d6d6', endColorstr='#c7c7c7',GradientType=0);
  border: 1px solid #333333;
  color: #111111;
}
button:hover, input.Button:not([disabled]):hover {
  background-color: #999999;
  filter: brightness(1.2);
}
button:hover:active, input.Button:not([disabled]):hover:active {
  background: -webkit-gradient(
    linear,
    left top,
    left bottom,
    color-stop(0.05, #c7c7c7),
    color-stop(1, #d6d6d6)
  );
  background: -moz-linear-gradient(top, #c7c7c7 5%, #d6d6d6 100%);
  background: -webkit-linear-gradient(top, #c7c7c7 5%, #d6d6d6 100%);
  background: -o-linear-gradient(top, #c7c7c7 5%, #d6d6d6 100%);
  background: -ms-linear-gradient(top, #c7c7c7 5%, #d6d6d6 100%);
  background: linear-gradient(to bottom, #c7c7c7 5%, #d6d6d6 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#c7c7c7', endColorstr='#d6d6d6',GradientType=0);
  background-color: #c7c7c7;
  box-shadow: inset 0px 0px 8px 0px #474747;
  -moz-box-shadow: inset 0px 0px 8px 0px #474747;
  -webkit-box-shadow: inset 0px 0px 8px 0px #474747;
}
select, input[type=file], input[type=text], input[type=number], input[type=password] {border: 1px solid #333333;}
#offcanvas-sidepanel {
  color: #686868;
}
category-list {
  border: 1px solid #333333;
  background-color: #181818;
}

panel-label {
  border-color: #181818;
  --prefix-color: #fff;
  --badge-color: #666666;
  --badge-background-color: #111111;
  --icon-letter-color: #999999;
  --icon-letter-background-color: #111111;
  --icon-offset: 0px 0px;
  --icon-size: 18px;
  --icon-image-size: 18px;
}

panel-label[selected] {
  background-color: #888888;
  color: #111111;
  border-color: #888888;
  --badge-color: #111111;
  --badge-background-color: #999999;
}

panel-label[icon="down"] {
  --status-image: url(../plugins/theme/themes/DarkBetter/images/t_down.svg);
}
panel-label[icon="up"] {
  --status-image: url(../plugins/theme/themes/DarkBetter/images/t_up.svg);
}
panel-label[icon="search"],
panel-label[icon="inactive"] {
  --status-image: url(../plugins/theme/themes/DarkBetter/images/t_inactive.svg);
}
panel-label[icon="paused"] {
  --status-image: url(../plugins/theme/themes/DarkBetter/images/t_paused.svg);
}
panel-label[icon="error-down"] {
  --status-image: url(../plugins/theme/themes/DarkBetter/images/t_error_down.svg);
}
panel-label[icon="error-up"] {
  --status-image: url(../plugins/theme/themes/DarkBetter/images/t_error_up.svg);
}
panel-label[icon="error"] {
  --status-image: url(../plugins/theme/themes/DarkBetter/images/t_error.svg);
}
panel-label[icon="completed"] {
  --status-image: url(../plugins/theme/themes/DarkBetter/images/t_completed.svg);
}
panel-label[icon="queued-down"] {
  --status-image: url(../plugins/theme/themes/DarkBetter/images/t_queued_down.svg);
}
panel-label[icon="queued-up"] {
  --status-image: url(../plugins/theme/themes/DarkBetter/images/t_queued_up.svg);
}
panel-label[icon="up-down"] {
  --status-image: url(../plugins/theme/themes/DarkBetter/images/t_active.svg);
}
panel-label[icon="all"] {
  --status-image: url(../plugins/theme/themes/DarkBetter/images/t_all.svg);
}
panel-label[icon="rss"] {
  --status-image: url(../plugins/theme/themes/DarkBetter/images/tb_rss.svg);
}
panel-label[icon="rss-group"] {
  --status-image: url(../plugins/theme/themes/DarkBetter/images/tb_rss_group.svg);
}

div#preload {
    width: 0px; height: 0px; display: none;
    background-image: url(./images/tb_add.svg);
    background-image: url(./images/tb_create.svg);
    background-image: url(./images/tb_trash.svg);
    background-image: url(./images/tb_start.svg);
    background-image: url(./images/tb_pause.svg);
    background-image: url(./images/tb_stop.svg);
    background-image: url(./images/tb_moveu.svg);
    background-image: url(./images/tb_moved.svg);
    background-image: url(./images/tb_search.svg);
    background-image: url(./images/tb_rss.svg);
    background-image: url(./images/tb_rss_group.svg);
    background-image: url(./images/tb_setting.svg);
    background-image: url(./images/close.svg);
    background-image: url(./images/yellow.svg);
    background-image: url(./images/red.svg);
    background-image: url(./images/green.svg);
    background-image: url(./images/file.svg);
    background-image: url(./images/dir.svg);
    background-image: url(./images/t_down.svg);
    background-image: url(./images/t_up.svg);
    background-image: url(./images/t_inactive.svg);
    background-image: url(./images/t_paused.svg);
    background-image: url(./images/t_error.svg);
    background-image: url(./images/t_error_down.svg);
    background-image: url(./images/t_error_up.svg);
    background-image: url(./images/t_completed.svg);
    background-image: url(./images/t_queued_down.svg);
    background-image: url(./images/t_queued_up.svg);
    background-image: url(./images/t_active.svg);
    background-image: url(./images/t_all.svg);
    background-image: url(./images/quest.svg);
    background-image: url(./images/go.svg);
    background-image: url(./images/plugin.svg);
}
div#cover {background: #181818}
div#msg {background: #181818; border-top: 1px solid #333333; border-bottom: 1px solid #333333}
div#sc {border: 1px solid #333333; background-color: #181818}
div#sc li.se_act div {background-color: #333333; color: #888888}
div#lng {background-color:#181818; border:1px solid #333333}

#sel {border: 1px dotted #555555}

.navbar-toggler {
  background-image: none;
  border-color: #333333;
}
#t .nav-link {
  color: #686868;
}
div#t div.TB_Separator {background-color: #333333}
div#t div#add {background: transparent url(./images/tb_add.svg) no-repeat center; background-size: 28px}
div#t div#create {background: transparent url(./images/tb_create.svg) no-repeat center; background-size: 28px}
div#t div#remove {background: transparent url(./images/tb_trash.svg) no-repeat center; background-size: 28px}
div#t div#start {background: transparent url(./images/tb_start.svg) no-repeat center; background-size: 48px}
div#t div#pause {background: transparent url(./images/tb_pause.svg) no-repeat center; background-size: 48px}
div#t div#stop {background: transparent url(./images/tb_stop.svg) no-repeat center; background-size: 48px}
div#t div#moveu {background: transparent url(./images/tb_moveu.svg) no-repeat center; background-size: 28px}
div#t div#moved {background: transparent url(./images/tb_moved.svg) no-repeat center; background-size: 28px}
div#t div#search {background: transparent url(./images/tb_search.svg) no-repeat center; background-size: 28px}
div#t div#rss {background: transparent url(./images/tb_rss.svg) no-repeat center; background-size: 28px}
div#t div#setting {background: transparent url(./images/tb_setting.svg) no-repeat center; background-size: 26px}

div#t div#help {background: transparent url(./images/quest.svg) no-repeat center; background-size: 28px}
div#t div#go {background: transparent url(./images/go.svg) no-repeat center; background-size: 28px}
div#t div#plugins {background: transparent url(./images/plugin.svg) no-repeat center; background-size: 28px}

a.dlg-close:hover, a.dlg-close:link, a.dlg-close:visited {
    background: transparent url(./images/close.svg) center; background-size: 22px !important;
}

a.dlg-close:active {
    background: transparent url(./images/t_error.svg) center;
}

.stable {background-color: #181818;}
.stable-icon {background-image: url(./images/tstatus.png); background-repeat: no-repeat}
.Status_Down {background: transparent url(./images/t_down.svg) no-repeat center center !important; background-size: 16px !important}
.Status_Up {background: transparent url(./images/t_up.svg) no-repeat center center !important; background-size: 16px !important}
.Status_Incompleted {background: transparent url(./images/t_inactive.svg) no-repeat center center !important; background-size: 16px !important}
.Status_Paused {background: transparent url(./images/t_paused.svg) no-repeat center center !important; background-size: 16px !important}
.Status_Error_Down {background: transparent url(./images/t_error_down.svg) no-repeat center center !important; background-size: 16px !important}
.Status_Error_Up {background: transparent url(./images/t_error_up.svg) no-repeat center center !important; background-size: 16px !important}
.Status_Error {background: transparent url(./images/t_error.svg) no-repeat center center !important; background-size: 16px !important}
.Status_Completed {background: transparent url(./images/t_completed.svg) no-repeat center center !important; background-size: 16px !important}
.Status_Queued_Down {background: transparent url(./images/t_queued_down.svg) no-repeat center center !important; background-size: 16px !important}
.Status_Queued_Up {background: transparent url(./images/t_queued_up.svg) no-repeat center center !important; background-size: 16px !important}
.Status_Up_Down {background: transparent url(./images/t_active.svg) no-repeat center center !important; background-size: 16px !important}
.Status_Checking {background: transparent url(./images/t_all.svg) no-repeat center center !important; background-size: 16px !important}
.Status_RSS {background: transparent url(./images/rb_rss.svg) no-repeat center center !important; background-size: 16px !important}

a {color: #686868}

.Icon_File {background: transparent url(./images/file.svg) no-repeat left center; background-size: 16px}
.Icon_Dir {background: transparent url(./images/dir.svg) no-repeat left center; background-size: 16px}
.Icon_Share {background: transparent url(./images/dir.svg) no-repeat left center; background-size: 16px}

div.tab {background: #181818}
div#lcont {background: #181818}
div#gcont div.row.Header {background: #181818;}
div.graph_tab {background-color: #181818}
.graph_tab_legend { color: #FFF; background-color: #181818; }
.graph_tab_tooltip { color: #FFF; background-color: #606060; border: 1px solid #606060; }
div#List {border: 1px solid #333333}

div#modalbg {background-color: #181818}

div#FileList, div#TrackerList, div#PeerList, div#Speed {background-color: #181818}

* > fieldset {border: 1px solid #333333}
input.disabled, button.disabled {background-color: #181818; color: #333333; border: 1px solid #333333}
td.disabled, label.disabled, span.disabled, div.disabled {color: #333333}
legend {color: #888888}
select.cols {border: 1px solid #333333}
div#tdetails {background-color: #181818}

.tabbar {
  border-bottom: none;
}

.tabbar li.nav-item a.nav-link {
  border: 1px solid #333333;
  background-color: #181818;
  color: #5B5B5B;
}
.tabbar li.nav-item a.nav-link:hover {
  border-top: 2px solid #222222;
}
.tabbar li.nav-item.selected a.nav-link {
  border-top: 2px solid #222222;
  background-color: #888888;
  color: #252525;
}
div#dlgProps textarea#prop-trackers {background: #181818; border: 1px solid #333333}

div.tab {background-color: #181818}

span#loadimg {background: transparent url(./images/ajax-loader.gif) no-repeat center center; background-size: 28px}

#StatusBar {color: #888888}
#st_up .icon {background:url(./images/up.svg) no-repeat; background-size: 100%;}
#st_down .icon {background:url(./images/down.svg) no-repeat; background-size: 100%;}

.dlg-header > div:first-child {background-size: 1.5rem;}
#stg-header {background-image: url(./images/settings.svg);}
#tcreate-header {background-image: url(./images/tb_create.svg);}
#dlgEditRules-header, #dlgEditFilters-header {background-image: url(./images/tb_rss.svg);}
#dlgEditRatioRules-header, #tedit-header, #padd-header, #tskConsole-header {
  background-image: url(./images/edit.svg);
}
#tadd-header {background-image: url(./images/world.svg);}
#dlgHelp-header, #dlgAbout-header {background-image: url(./images/quest.svg);}
#dlgLabel-header {background-image: url(./images/label.svg);}
#dlgProps-header {background-image: url(./images/file.svg);}
#yesnoDlg-header {background-image: url(./images/yellow.svg);}
