/* ==UserStyle==
@name           Dracula for Leetcode
@namespace      dracula/leetcode
@version        0.1.0
@description    Dark mode for leetcode.com
@license        MIT License
@author         Shinbatsu
@updateURL      https://github.com/dracula/leetcode/raw/main/dracula_leetcode.user.css
@preprocessor   stylus
==/UserStyle== */

:root {
  --dracula-bg: #282a36;
  --dracula-current: #44475a;
  --dracula-comment: #6272a4;
  --dracula-fg: #f8f8f2;
  --dracula-purple: #bd93f9;
  --dracula-pink: #ff79c6;
  --dracula-red: #ff5555;
  --dracula-green: #50fa7b;
  --dracula-orange: #ffb86c;
  --dracula-yellow: #f1fa8c;

  --bg-dark: var(--dracula-bg);
  --bg-code: var(--dracula-bg);
  --bg: #323544;
  --bg-2: #393c53; /* FIX */
  --bg-3: var(--dracula-current);
  --bg-4: #6272a4;

  --bg-blue: #1e66f5;
  --bg-green: var(--dracula-green);
  --bg-red: var(--dracula-red);

  --highlight-1: var(--dracula-current);
  --highlight-2: #50546a;
  --highlight-3: #514669;

  --blue-accent: #b4befe;
  --text: #cdd6f4;
  --text-dark: #9399b2;

  --cyan: #8be9fd;
  --blue: #4c8bff;
  --blue-dark: #3d75dd;
  --orange: var(--dracula-orange);
  --orange-dark: #de9f5b;
  --red: var(--dracula-red);
  --red-dark: #d14444;
  --green: var(--dracula-green);
  --green-dark: #1abc9c;
  --purple: var(--dracula-purple);

  /* General */
  --text-primary: var(--text);
  --text-secondary: var(--text);
  --fill-secondary: var(--bg-2);
  --fill-quaternary: var(--bg);
  --text-sd-success: var(--red);
  --text-label-4: var(--red);
  --text-reverse: var(--bg-dark);
  --fill-primary: unquote('color-mix(in srgb, var(--blue), var(--bg-dark) 75%)')
  --fill-tertiary: var(--bg-2);
  --border-primary: var(--blue);
  --border-secondary: var(--bg-2);
  --border-tertiary: var(--bg-2);
  --border-quaternary: var(--bg-2);

  /* Code */
  --layer-01: var(--bg-dark);
  --layer-02: var(--bg-2);
  --layer-bg-gray: var(--bg-dark);
}

::selection {
  color: var(--text);
  background: var(--highlight-3);
}

:is(.dark body) {
  background: var(--bg-dark);
  color: var(--text);
}

:is(.dark .dark\:bg-\[\#1a1a1a\]) {
  background: var(--bg-dark);
}

:is(.dark .dark\:bg-\[\#333333\]) {
  background: var(--bg);
}

:is(.dark .dark\:bg-gray-100),
:is(.dark .dark\:text-gray-60) {
  color: var(--text-dark);
}

:is(.dark .dark\:bg-white) {
  background: var(--text);
}

:is(.dark .dark\:bg-\[linear-gradient\(rgba\(0\,0\,0\,0\)\,\#1A1A1A\)\]) {
  background-image: linear-gradient(#0000, var(--bg-dark));
}

:is(.dark .dark\:bg-dark-layer-bg) {
  background: var(--bg-dark);
}

:is(.dark .dark\:bg-dark-layer-1),
:is(.dark .dark\:bg-dark-layer-2),
:is(.dark .dark\:bg-dark-layer-3) {
  background: var(--bg);
}

:is(.dark .dark\:bg-dark-paper) {
  background: var(--bg-dark);
}

:is(.dark .dark\:text-dark-gray-6) {
  color: var(--text-dark);
}

:is(.dark .dark\:border-dark-divider-border-2) {
  border-color: var(--bg-2);
}

.border-dark-label-3 {
  border-color: var(--text-dark);
}

:is(.dark .dark\:bg-dark-fill-1),
:is(.dark .dark\:bg-dark-fill-2),
:is(.dark .dark\:bg-dark-fill-3),
:is(.dark .dark\:hover\:bg-dark-fill-3:hover) {
  background: var(--highlight-1);
}

:is(.dark .dark\:bg-dark-fill-4),
:is(.dark .dark\:hover\:bg-dark-fill-4:hover) {
  background: var(--highlight-1);
}

:is(.dark .dark\:bg-dark-gray-5) {
  background: var(--bg-4);
}

:is(.dark .dark\:hover\:bg-dark-fill-2:hover) {
  background: var(--bg-2);
}

:is(.dark .dark\:focus\:bg-dark-fill-2:focus) {
  background: var(--bg-3);
}

:is(.dark .dark\:text-dark-label-1),
:is(.dark .dark\:hover\:text-dark-label-1:hover),
.text-label-1,
.text-label-1:hover,
:is(.dark .dark\:text-dark-label-2),
:is(.dark .dark\:hover\:text-dark-label-2:hover),
:is(.dark .dark\:text-dark-label-3) {
  color: var(--text);
}

:is(.dark .dark\:hover\:text-dark-label-3:hover),
:is(.dark .dark\:text-dark-label-4) {
  color: var(--text-dark);
}

:is(.dark .dark\:text-dark-label-r) {
  color: var(--bg-dark);
}

:is(.dark .dark\:text-dark-gray-4) {
  color: var(--bg-dark);
}

:is(.dark .dark\:text-dark-gray-5) {
  color: var(--text-dark);
}

:is(.dark .dark\:text-gray-7) {
  color: var(--text-dark);
}

:is(.dark .dark\:text-text-primary) {
  color: var(--text);
}

:is(.dark .dark\:text-text-secondary) {
  color: var(--text);
}

:is(.dark .dark\:text-text-tertiary) {
  color: var(--text-dark);
}

/* Loading Content (lc) */
:is(.dark .dark\:bg-dark-lc-layer-01) {
  background: var(--bg-dark);
}

:is(.dark .dark\:bg-dark-lc-fill-01),
:is(.dark .dark\:hover\:bg-dark-lc-fill-01:hover) {
  background: var(--bg-4);
}

:is(.dark .dark\:bg-dark-lc-fill-02),
:is(.dark .dark\:hover\:bg-dark-lc-fill-02:hover) {
  background: var(--bg-2);
}

:is(.dark .dark\:bg-dark-lc-fill-03),
:is(.dark .dark\:hover\:bg-dark-lc-fill-03:hover) {
  background: var(--bg-2);
}

:is(.dark .dark\:bg-dark-lc-fill-04),
:is(.dark .dark\:hover\:bg-dark-lc-fill-04:hover) {
  background: var(--bg-2);
}

:is(.dark .dark\:bg-dark-lc-background-index) {
  background: var(--bg-dark);
}

:is(.dark .dark\:border-dark-lc-fill-01) {
  background: var(--bg);
}

:is(.dark .dark\:hover\:bg-dark-lc-fill-02) {
  background: var(--highlight-1);
}

:is(.dark .dark\:hover\:bg-dark-lc-fill-02:hover) {
  background: var(--bg-2);
}

:is(.dark .dark\:text-dark-lc-text-primary) {
  color: var(--text);
}

:is(.dark .dark\:text-dark-lc-text-secondary) {
  color: var(--text-dark);
}

:is(.dark .dark\:text-dark-lc-text-tertiary) {
  color: var(--text-dark);
}

:is(.dark .dark\:text-dark-lc-text-quaternary) {
  color: var(--text-dark);
}

:is(.dark .dark\:border-dark-lc-fill-02) {
  border-color: var(--bg-2);
}

:is(.dark .dark\:text-dark-lc-icon-secondary),
:is(.dark .dark\:text-dark-lc-icon-tertiary) {
  color: var(--text-dark);
}

:is(.dark .dark\:stroke-dark-lc-fill-02) {
  stroke: var(--bg-2);
}

:is(.dark .group:hover .dark\:group-hover\:text-dark-blue) {
  color: var(--blue);
}

:is(.dark .dark\:text-dark-blue-s) {
  color: var(--blue);
}

:is(.dark .dark\:bg-dark-overlay-3) {
  background: var(--bg);
}

.bg-overlay-2,
.bg-overlay-3,
.bg-overlay-4,
.bg-paper {
  background: var(--bg);
}

/* Vim statusline */
:is(.dark .dark\:bg-dark-gray-2),
:is(.dark .dark\:bg-dark-gray-2) input {
  background-color: var(--highlight-1);
  padding-left: 10px;
}

/* Table */
:is(.dark .dark\:odd\:bg-dark-layer-1:nth-child(2n + 1)) {
  background: var(--bg-dark);
}

:is(.dark .dark\:odd\:bg-dark-layer-bg:nth-child(2n + 1)) {
  background: var(--bg-dark);
}

:is(.dark .dark\:even\:bg-dark-fill-4:nth-child(2n)) {
  background: var(--bg);
}

.even\:bg-overlay-1:nth-child(2n) {
  background: var(--bg);
}

tr:nth-of-type(2n + 1) {
  background: var(--bg-dark) !important;
}

tr:nth-of-type(2n) {
  background: var(--bg) !important;
}

.grid > :is(.dark .dark\:bg-dark-lc-fill-01),
:is(.dark .dark\:hover\:bg-dark-lc-fill-01:hover) {
  background: var(--highlight-1);
}

/* Transparents */
.bg-gray-8 {
  background-color: var(--bg-dark);
}

:is(.dark .dark\:text-dark-lc-icon-primary) {
  background-color: rgba(0, 0, 0, 0.2);
}

.bg-gradient-to-l {
  background-image: linear-gradient(to right, #0000, var(--bg-dark));
}

:is(
  .dark
    .dark\:bg-\[linear-gradient\(to_right\,rgba\(0\,0\,0\,0\)\,\#282828_70\%\)\]
),
.flexlayout__tabset-overflowed .flexlayout__tabset_tabbar_inner::after {
  background-image: linear-gradient(to right, #0000, var(--bg));
}

.flexlayout__tabset-overflowed .flexlayout__tabset_tabbar_inner::before {
  background-image: linear-gradient(to left, #0000, var(--bg));
}

/* Code */
.mtk1 {
  color: var(--text);
}

.mtk3 {
  color: var(--text-dark);
}

.mtk4 {
  color: var(--blue);
}

.mtk7 {
  color: var(--orange);
}

.mtk10 {
  color: var(--green-dark);
}

.mtk11 {
  color: var(--orange);
}

.mtk14 {
  color: var(--blue-accent);
}

.monaco-editor .line-numbers.active-line-number {
  color: var(--text);
}

.monaco-editor .line-numbers {
  color: var(--text-dark);
}

.dark .elfjS code {
  background-color: var(--bg-2);
  border-color: var(--bg-2);
  color: var(--text);
}

.monaco-scrollable-element > .scrollbar > .slider {
  background: var(--bg-2);
}

.decorationsOverviewRuler {
  display: none;
}

.current-line {
  background: var(--highlight-1);
  border-color: var(--highlight-1) !important;
}

.core-guide {
  box-shadow: 2px 0 0 0 var(--highlight-2) inset !important;
}

.cursor {
  color: var(--text);
}

.bg-sd-accent {
  background-color: var(--highlight-1);
}

.bg-sd-card {
  background: var(--bg);
}

.hover\:bg-sd-secondary\/80 {
  background: var(--highlight-2);
}

.hover\:bg-sd-secondary\/80:hover {
  background: var(--highlight-1);
}

.ace-tm,
.ace-tm .ace_gutter {
  background: var(--bg);
  color: var(--text);
}

.editor {
  border-color: var(--highlight-1);
}

body,
#explore-app {
  background: var(--bg-dark);
}

#leetcode-navbar,
#footer-root,
footer,
footer > div,
footer li::after {
  background: var(--bg) !important;
  border: none !important;
}

footer span,
footer a {
  color: var(--text-dark) !important;
}

/* Removes unecessary premium buttons */
a[href="/subscribe/?ref=lp_pl&source=qd"],
a[href="/subscribe/?ref=lp_pl&source=ot"] {
  display: none;
}

a[href="/subscribe?ref=nb_npl&source=nav-icon"] svg {
  display: none;
}

a[href*="/subscribe/?ref=qd3_cs&slug="] {
  display: none;
}

strong {
  color: var(--text) !important;
}

::placeholder {
  color: var(--text-dark) !important;
}

::highlight() {
  background-color: var(--text) !important;
}

* {
  scrollbar-color: var(--bg-4) var(--bg);
}

/* Chevron down icon color */
svg.origin-center.transition-transform {
  fill: var(--bg-3);
}

/* Contest Page */
html {
  background: var(--bg-dark);
}

.title,
.col-sm-8.col-md-9 {
  color: var(--text);
}

.callout.callout-default,
.list-group-item,
.heading {
  background: var(--bg);
  color: var(--text);
  border-color: var(--bg-3);
}

.ranking-more-btn {
  background: var(--bg);
  color: var(--text);
}

.list-group-item.heading {
  color: var(--text);
  background-color: var(--bg-dark);
  border-color: var(--bg-3);
}

.list-group-item a,
td a,
b a,
li a {
  color: var(--blue);
}

.badge {
  color: var(--text);
  background-color: var(--bg-3);
}

.panel-default {
  border-color: var(--bg-3);
}

.panel-default > .panel-heading {
  color: var(--text);
  background-color: var(--bg-dark);
  border-color: var(--bg-3);
}

.table > thead > tr > th {
  border-bottom: 2px solid var(--bg-3);
}

.table > tbody > tr > td {
  border-top: 1px solid var(--bg-3);
}

.contest-detail-base .ranking-list .panel-body .ranking-more-btn {
  border-top: 2px solid var(--bg-3);
}

.contest-detail-base .ranking-list .panel-body .ranking-more-btn:hover {
  background: var(--bg-2);
}

.contest-detail-base .callout {
  background: var(--bg);
  color: var(--text);
  border-color: var(--bg-3);
}

.contest-detail-base .callout a {
  color: var(--blue);
}

/* Discuss Page */
#discuss-container {
  background: var(--bg-dark);
}

.header__a1sK {
  background: var(--bg);
}

.header__a1sK a:hover,
.category-link__1lP8.active-category__37NE,
.subheader__3zA6 label {
  color: var(--text);
}

.subheader__3zA6 {
  background: var(--bg-code);
}

.input__2o8B {
  background: var(--bg-2);
  border: none;
}

.topic-list-content__3Win {
  background: var(--bg);
  color: var(--text);
}

.topic-title__3LYM,
.icon__1Md2.pinned-icon__1ZAy,
.no__1erK {
  color: var(--text);
}

.topic-info__tdz0 span,
.topic-info__tdz0 a {
  color: var(--text-dark);
}

.icon__1Md2.icon__3CsQ {
  color: var(--bg-4);
}

.e5i1odf1.css-zywons-Container-RoundedTagFilter.e5i1odf0 {
  background: var(--bg);
}

.css-xvf81j-TagsTitle.e5i1odf3,
.css-wgldzj-Pane-LeftPane.e5i1odf2 span,
.css-154bklu-Pane.e5i1odf1 span {
  color: var(--text);
}

.css-g96614,
.tag__2FfF,
.ant-popover-inner-content {
  background: var(--bg-3);
  color: var(--text);
}

.css-wgldzj-Pane-LeftPane.e5i1odf2 {
  background: var(--bg-3);
  border: none;
}

.css-154bklu-Pane.e5i1odf1 {
  background: var(--bg-2);
}

.css-2mbh4k-TagButton.e5i1odf3 {
  border-color: var(--bg-4);
  border-radius: 0px;
}

.ant-pagination-item {
  background: var(--bg-3);
}

.ant-pagination-item a {
  color: var(--text);
}

.pagination-prev a {
  background: var(--bg-3);
}

.css-10yicc7-Category.e5i1odf1 {
  background: var(--bg-4);
}

.css-10yicc7-Category.e5i1odf1 h1,
.css-1pz7gg5:hover,
.icon__1Md2.css-1mdt1kb-BlockIcon.e5i1odf2 {
  color: var(--text);
}

.css-1pz7gg5:hover .e5i1odf2 {
  color: #fff;
}

.topic-container__3Kpd {
  background: var(--bg);
  color: var(--text);
}

.post-info__1K06,
.user-info__2b-x span a,
.name__2jm2,
.sorts__3Wh1 label {
  color: var(--text);
}

.discuss-markdown-container a,
.discuss-markdown-container p,
.discuss-markdown-container li,
.discuss-markdown-container ul li a {
  color: var(--text);
}

.discuss-markdown-container pre,
.vote__3Zp9.vote__3btZ,
.css-1oug3j4 {
  background: var(--bg-2);
  color: var(--text);
}

.header___QdN {
  background: var(--bg);
  color: var(--text);
}

.btn__1z2C.btn-sm__2msL.btn-info__3EMF.button__13tk.preview__3Il-,
.ant-message-notice-content {
  background: var(--bg-2);
  color: var(--text);
}

.wrapper__WG8_.loading-wrapper__1pmE {
  background: var(--bg);
  color: var(--text);
}

/* Explore Page */
.explore-home-showcase .explore-index-showcase-base .showcase-row::before {
  background: linear-gradient(to right, var(--bg-dark), rgba(250, 250, 250, 0));
}

.explore-home-showcase .explore-index-showcase-base .showcase-row::after {
  background: linear-gradient(to left, var(--bg-dark), rgba(250, 250, 250, 0));
}

.dragscroll-container:hover .scroll-btn:hover {
  opacity: 0.3;
}

.dragscroll-container:hover .scroll-btn {
  opacity: 0.1;
}

.explore-card-base .explore-card .start-button-base,
.start-button-base,
.explore-home-basic .category-title .more-btn,
.explore-home-basic .category-title .more-btn:hover {
  background: var(--highlight-1);
  box-shadow: none;
}

.explore-page-title,
.explore-card-base a,
.explore-card-base .explore-card .bot-base .big-number,
.category-title div,
i,
.explore-card-base .explore-card .bot-base .big-number {
  color: var(--text);
}

.explore-heading .back-label,
.page-heading .back-label,
.explore-heading .page-label,
.page-heading .page-label,
.explore-card-base
  .explore-card
  .bot-base
  .card-stats
  .stats.status.complete-precentage,
.explore-home-basic .popular-section .title,
.explore-card-base .explore-card .bot-base .text-label {
  color: var(--text-dark);
  text-shadow: none;
}

.explore-card-base .explore-card .top-base .explore-heading .description,
.explore-card-base .explore-card .top-base .explore-heading .title {
  color: var(--text);
  margin-top: 0;
}

.explore-card-base .explore-card {
  background: var(--highlight-1);
  box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.3);
}

.explore-card-base .explore-card:hover {
  box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.5);
}

.doughnut-chart-base {
  display: none;
}

.highcharts-point {
  stroke: var(--bg) !important;
}

.highcharts-axis-labels text {
  fill: #7f849c !important;
}

.start-button-base {
  border: 3px solid var(--text-dark);
  padding-top: 20px !important;
}

.btn.btn-default,
.btn.btn-default:active,
.btn.btn-default:active:focus,
.btn.btn-default:focus,
.problem-category .problem-category-info a:hover {
  background: var(--highlight-1);
  color: var(--text);
  border-color: var(--highlight-2);
}
.btn.btn-default:hover {
  background: var(--highlight-2);
}
.store-app {
  background: var(--bg-dark) !important;
}

table th {
  background: var(--bg-dark) !important;
  color: #fff !important;
}

.wrapper__KAWb,
.lc-lg\:gap-14 > div:nth-child(1),
.content-wrapper {
  background: linear-gradient(45deg, var(--bg-dark), var(--bg-code)) !important;
}

.lc-lg\:-mt-20 {
  background: var(--bg) !important;
}

.ant-table-placeholder,
.ant-table-placeholder p,
table td,
.mission-base.row,
.mission-base.row * {
  background: var(--bg) !important;
  color: #fff !important;
}

.total-points-base .total-points {
  background: var(--bg) !important;
  border: none !important;
}

.store-item-base__850f {
  background: var(--bg) !important;
  color: #fff !important;
  border-radius: 0.4rem !important;
}

.col-md-6 > div:nth-child(1) {
  color: #fff !important;
}

.store-base .nav-tabs > li.active > a,
.store-base .nav-tabs > li.active > a:focus,
.store-base .nav-tabs > li.active > a:hover,
.store-base .nav-tabs > li > a:hover {
  background: var(--bg) !important;
}

div.lc-lg\:min-h-\[312px\] {
  background: var(--bg-dark) !important;
  color: #fff !important;
}

.bg-gray-1 {
  background: linear-gradient(45deg, var(--bg-dark), var(--bg)) !important;
  color: #fff !important;
}

.bg-gray-1 *,
.css-bcj5aa,
div.mission-board:nth-child(1) > div:nth-child(1) {
  color: #fff !important;
}

div.lc-lg\:min-h-\[312px\] > div {
  color: #fff !important;
}

.bg-gray-1 > button:nth-child(4) {
  background: #fff !important;
  color: #000 !important;
  transition: filter 0.2s ease-in-out;
}

.bg-gray-1 > button:nth-child(4):hover {
  filter: brightness(0.8) !important;
}

div.lc-xl\:justify-between:nth-child(1) > div:nth-child(1) > div:nth-child(1),
.lc-lg\:pt-16 > div:nth-child(1) > div:nth-child(1),
.lc-xl\:order-1 {
  color: #000 !important;
}

/* Profile */
.text-sd-foreground {
  color: var(--text);
}

.text-sd-muted-foreground {
  color: var(--text-dark);
}

:is(.dark .dark\:bg-\[rgba\(255\,255\,255\,0\.06\)\]) {
  background: var(--highlight-1);
}

.stroke-sd-primary\/20 {
  stroke: var(--text-dark);
}

:is(.dark .dark\:stroke-\[\#434343\]) {
  stroke: var(--bg-2);
}

/* Main Page */
h1,
h2,
h3,
h4,
h5,
h6,
b,
.msg .since {
  color: var(--text);
}

.discuss-markdown-container,
.side-block .side-block-info,
.msg .description {
  color: var(--text-dark);
}

.storyboard,
.storyboard div,
hr,
.side-block {
  border-color: var(--bg-2) !important;
}

#lc_sitewide_announcement {
  background: var(--brand-orange);
  color: var(--bg-dark);
}

/* Submissions Page */
#details-summary {
  background: var(--bg) !important;
  border-color: var(--bg-2);
}

#details-summary tr:nth-of-type(2n + 1) {
  background: var(--bg) !important;
}

.col-md-12 .inline-wrap,
.col-md-12 .text-center a,
.notification-content__1AB_ a {
  color: var(--blue) !important;
}

.col-md-12 h4 {
  padding-top: 1em;
}

.axisLabels.xaxisLabel,
.axisLabels.yaxisLabel,
.pull-left,
.animated.fadeInLeft h4 small {
  color: var(--text) !important;
}

.flot-tick-label.tickLabel {
  color: var(--text) !important;
}

#result_progress_row,
#ac_output,
#submitted-time,
#status,
div[style*="text-align: center;"] {
  color: var(--text) !important;
}

#result_state {
  color: var(--green) !important;
}

.ace_gutter-cell {
  background: var(--bg-2);
}

.ace_gutter-cell:first-of-type {
  background: var(--bg-3);
}

.notification-menu-container__3MW3,
.notification-link__2RRJ {
  background: var(--bg) !important;
}

.notification-content__1AB_ div span,
.notification-content__1AB_,
.notification-title___cgu,
.notification-date__3Nqj,
.notification-list-link__2K7Q {
  color: var(--text) !important;
}

.ace-tm .ace_storage,
.ace-tm .ace_keyword,
.ace-tm .ace_constant.ace_numeric,
.ace-tm .ace_support.ace_function,
.ace-tm .ace_constant.ace_language,
.ace-tm .ace_entity.ace_name.ace_function {
  color: var(--blue) !important;
}

.ace-tm .ace_keyword.ace_operator,
#runtime-placeholder,
#memory-placeholder {
  color: var(--text) !important;
}

.ace-tm .ace_marker-layer .ace_selection {
  background: var(--highlight-3);
}

/* Notifications Page */
.notification-app-container .notification-list-title {
  margin-top: 1em;
}

.notifications-container .notification-list-item.notification-list-unread-item {
  background: var(--bg);
  border-bottom: 1px var(--bg-2) solid;
}

.notifications-container .notification-list-item.notification-list-unread-item,
.notification-content-title {
  color: var(--text) !important;
}

.btn.notification-content-action-btn {
  background: var(--blue-dark) !important;
  color: #fff !important;
}
.flexlayout__tabset_tabbar_outer {
  background: var(--bg-2);
}
.flexlayout__tab_button_top {
  background: var(--bg-2);
}
.flexlayout__tab_button_top:hover {
  background: var(--highlight-2);
}
.flexlayout__tab_toolbar button {
  background: var(--highlight-2);
}
.bg-sd-popover {
  background: var(--bg-2);
}
.bg-sd-popover div:hover {
  background: var(--bg-2);
}
.bg-sd-popover .cursor-pointer:hover {
  background: var(--highlight-2);
}
.container__2Jyj,
.right-wrapper__3rVj,
.row-active__1C_e,
textarea {
  background: var(--bg);
  color: var(--text-dark);
}
.data-radix-menu-content,
.bg-fill-quaternary {
  background: var(--bg-2);
}
.cursor-pointer div:hover {
  background: inherit;
}