body {
  --dark-theme-bg: #24292f;
  --dark-theme-border: solid 1px #888;
}
body {
  --navbar-bg: #563C5C;
}
body {
  --new-button-horizontal-color: #b44a29;
  --new-button-vertical-color: var(--new-button-horizontal-color);
  --new-button-bg: #f4835f;
  --new-button-hover-bg: #f2693e;
  --new-button-active-bg: #ef4c17;
}
body {
  --tool-color: #535863;
  --tool-light-color: #353b48;
  --tool-badge-bg: #2b2e38;
  --tool-bg: #2b2e38;
  --tool-text-color: #dddede;
  --body-headings-color: var(--tool-color);
}
body {
  --dropdown-menu-bg: #373b44;
  --dropdown-menu-border: 1px solid #8888882d;
  --dropdown-menu-text-color: var(--page-text-color);
  --dropdown-menu-divider-color: var(--page-bg);
  --dropdown-menu-text-hover-color: var(--page-text-color);
  --dropdown-menu-text-hover-bg: #373b44;
}
.dropdown-menu,
.drawer .drawer-menu{
  background-color: var(--dropdown-menu-bg, #fff);
  border: var(--dropdown-menu-border, unset);
}
.dropdown-menu > li > a,
.drawer .drawer-menu ul li a,
.page-menu ul > li > div {
  color: var(--dropdown-menu-text-color, #333);
}

.dropdown-menu>li>a:active,
.drawer-menu ul li a:active,
[data-hover-visible] .dropdown-menu>li>a:hover,
[data-hover-visible] .drawer-menu>li>a:hover,
[data-focus-visible] .dropdown-menu>li>a:focus,
[data-focus-visible] .drawer-menu>li>a:focus {
  color: var(--dropdown-menu-text-hover-color, #262626);
  background-color:  var(--dropdown-menu-text-hover-bg, #f5f5f5);
}

.dropdown-menu .divider,
.drawer-menu .divider {
  background-color: var(--dropdown-menu-divider-color, #e5e5e5);
}
body {
  --card-title-bg: var(--navbar-bg);
  --card-title-bg-pinned: var(--navbar-bg);
}