Quora Dark by stylishthemes

/* ==UserStyle==
@name        Quora Dark
@namespace   StylishThemes
@version     2.0.7
@homepageURL https://github.com/StylishThemes/Quora-Dark
@license     CC-BY-SA-4.0
@author      StylishThemes
@advanced color base-color "Base color scheme" #4183C4
@advanced dropdown bg-choice "Background" {
  crosshatch "Cross-Hatch" <<<EOT
  url(https://camo.githubusercontent.com/5b8e4cd1a5ce69b6affa17ebd8e4aee00c147618/68747470733a2f2f7374796c6973687468656d65732e6769746875622e696f2f4769744875622d4461726b2f696d616765732f6261636b67726f756e64732f62672d63726f737368617463682e706e67) EOT;
  uniform "Uniform Tile" <<<EOT
  url(https://camo.githubusercontent.com/f83a9a60a2c64be0c88833ccb436e32a458cd2ce/68747470733a2f2f7374796c6973687468656d65732e6769746875622e696f2f4769744875622d4461726b2f696d616765732f6261636b67726f756e64732f62672d74696c652d756e69666f726d2e706e67) EOT;
  random "Random Tile" <<<EOT
  url(https://camo.githubusercontent.com/3beb850d8069e424480199a09899030c9e58e85f/68747470733a2f2f7374796c6973687468656d65732e6769746875622e696f2f4769744875622d4461726b2f696d616765732f6261636b67726f756e64732f62672d74696c65312e706e67) EOT;
  custom "Custom" <<<EOT
  var(--bg-custom) EOT;
  none "None" <<<EOT
  none EOT;
}
@advanced text bg-custom "Custom Background" "url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAPCAMAAAAMCGV4AAAAD1BMVEUREREREREAAAAREREWFhkN5cwCAAAABHRSTlNfGAAwFBG7CgAAACxJREFUeAFjYGJiZGBhhhMMYIIRTjCgcIE8VC4TKpeRmYEZiTtIzGNihhNMAJJAATdKr5xFAAAAAElFTkSuQmCC)"
@advanced dropdown bg-options "Background image type" {
  Tiled "Tiled" <<<EOT
  background-repeat: repeat !important;
  background-size: auto !important;
  background-position: left top !important; EOT;
  Fit window size "Fit window size" <<<EOT
  background-repeat: no-repeat !important;
  background-size: cover !important;
  background-position: center top !important; EOT;
}
@advanced dropdown bg-attachment "Background image attachment" {
  Scroll "Scroll" <<<EOT
  scroll EOT;
  Fixed "Fixed" <<<EOT
  fixed EOT;
}
@advanced dropdown hide-popup "Hide Text Selection Popup" {
  Yes "Yes" <<<EOT
  display: none !important; EOT;
  No "No" <<<EOT
  /* Blank *\/
  EOT;
}
@advanced text custom-transition "Custom transition" "all ease-in 350ms"
@preprocessor uso
==/UserStyle== */
@-moz-document domain("quora.com") {
  * {
    text-shadow: none !important;
    box-shadow: none !important;
  }
  :root {
    --bg-custom: /*[[bg-custom]]*/;
    --bg-img: /*[[bg-choice]]*/;
  }
  html, body:not(.logged_out_page_big_signup), .NuxModal.modal_overlay {
    background-color: #282828 !important;
    background-image: var(--bg-img) !important;
    background-clip: border-box !important;
    background-origin: padding-box !important;
    background-attachment: /*[[bg-attachment]]*/ !important;
    /*[[bg-options]]*/
  }
  /* the bg none is attached to the bg image above */
  .question_related.list, .question_main_col {
    background: none;
  }
  body {
    color: #eee !important;
  }
  /* action buttons */
  .AddQuestionFromHeaderDialogButton, .submit_button, .primary_button,
  .MoreStoriesIndicator, .NotEnoughKnowsAboutTopicsPrompt .search_link {
    background-color: /*[[base-color]]*/ !important;
    border-color: /*[[base-color]]*/ !important;
    color: #e2e2e2 !important;
  }
  .AddQuestionFromHeaderDialogButton:hover, .submit_button:hover,
  .primary_button:hover, .MoreStoriesIndicator:hover {
    opacity: .8 !important;
  }
  /* text selection */
  ::selection {
    background-color: /*[[base-color]]*/ !important;
    color: #efefef !important;
  }
  ::-moz-selection {
    background-color: /*[[base-color]]*/ !important;
    color: #efefef !important;
  }
  .HomeNavList .unread.has_img .EditableListItem:before,
  .EditableList .unread .EditableListItem:before,
  .SiteHeader.during_nux .progress_bar_wrapper .progress_bar,
  .ui_button--PillStyle--bright_blue,
  [class*="ClickWrapper___StyledBox"][class*="ButtonPill___StyledButtonWrapper"],
  [class*="ButtonPill___StyledButtonWrapper"] div,
  [class*="ButtonPill___StyledButtonWrapper"] svg {
    background-color: /*[[base-color]]*/ !important;
  }
  [class*="ButtonPill___StyledButtonWrapper"] svg [stroke*="#666"] {
    stroke: #eee !important;
  }
  [class="Box-s"] [color="red"] div[class="Box-s"] {
    background-color: #f00 !important;
  }
  .WelcomeTribeAnnouncement .ui_button--PillStyle--bright_blue {
    filter: invert(1) !important;
  }
  .web-page .WelcomeTribeAnnouncement .ui_button--PillStyle--bright_blue:hover,
  .web_page .WelcomeTribeAnnouncement .ui_button--PillStyle--bright_blue:focus,
  .web_page .WelcomeTribeAnnouncement .ui_button--PillStyle--bright_blue:active,
  .web_page .WelcomeTribeAnnouncement .ui_button--PillStyle--bright_blue:hover {
    filter: invert(1) !important;
    opacity: .8;
  }
  .web_page .ui_button--PillStyle--bright_blue:focus,
  .web_page .ui_button--PillStyle--bright_blue:active,
  .web_page .ui_button--PillStyle--bright_blue:hover {
    background-color: /*[[base-color]]*/ !important;
    opacity: .8;
  }
  .action_bar_inner a.ui_button--non_link .ui_button_label,
  .nux_dialog_interests .topic_photo_card_wrapper .topic_photo_card .info_wrapper .info_background .info span,
  .u-text--gray-dark, .Modal .modal_header .modal_title, .nav_item_selected,
  .action_bar_inner .ui_button_count_inner,
  ul li.StaticListItem .selected[href*="answer"] .list_item_text,
  .layout_3col_center a.ui_button--non_link .ui_button_label,
  a.ui_button--non_link .ui_button_label_count_wrapper .ui_button_label,
  .grid_page .layout_3col_center .ui_story_card a.ui_button--non_link .ui_button_label,
  div[class*="Box-"][color*="gray_dark"], .puppeteer_test_button_text,
  .u-text--gray, .Prompt .prompt_inner .prompt_title,
  .UserAnswersNeeded.is_prominent .prompt_wrapper, .LeaderboardHeader .title,
  .LeaderboardMain .up_and_coming .title, .Notif .notif_title, .qu-color--gray {
    color: #ddd !important;
  }
  [class*="Box-"][color="gray_light"] {
    color: #ccc;
  }
  .EditableList .EditableListItem > a, .EditableList .StaticListItem > a,
  .EditableList .list_empty > a,
  .hovercard_section .AboutListItem span.body_text .main_text, a.ui_page_tab,
  .QueryResults .QueryListTitle .query_title .query,
  .LeaderboardListItem .view_count .num, .Notif {
    color: #aaa !important;
  }
  .AMATicker .AMATickerEventItem .bubble .reason,
  .AMATicker .AMACurrentlyAnswering .bubble .reason {
    color: #aaa;
  }
  .ui_button--PillStyle--gray {
    color: #ddd !important;
    background-color: #333 !important;
  }
  div[style*="background: rgba(0, 0, 0, 0) linear-gradient(rgba(255, 255, 255, 0) 0%, rgb(255, 255, 255) 100%) repeat scroll 0% 0%"] {
    background: linear-gradient(rgba(24, 24, 24, .3) 0%, rgba(24, 24, 24, .8) 100%) repeat scroll 0% 0% !important;
  }
  .qu-bg--raised {
    background-color: transparent;
  }
  .qu-color--blue_dark.qu-bg--raised {
    background-color: #282828;
  }
  .qu-bg--blue_ultralight {
    background-color: #182030;
  }
  .qu-bg--blue {
    background-color: #182030;
  }
  .qu-bg--blue:active, .qu-bg--blue:focus, .qu-bg--blue:hover {
    background-color: #246 !important;
  }
  .q-platform--desktop .qu-hover--bg--darken:hover {
    background-color: rgba(0, 0, 0, .2) !important;
  }
  div[style*="background-color: rgb(235, 236, 237)"] {
    background-color: #383838 !important;
  }
  .qu-bg--white, .qu-bg--white__ignore_dark_mode, .qu-bg--gray_ultralight,
  li.tribes_nav_menu div, .qu-bg--page--gray, .q-box.qu-bg--raised {
    background-color: #282828;
  }
  .q-platform--desktop .qu-bg--gray_ultralight:hover,
  .q-platform--desktop .qu-bg--gray_ultralight:focus,
  .q-platform--desktop .qu-bg--gray_ultralight:active,
  .q-platform--desktop .qu-hover--bg--gray_light:hover {
    background-color: #333 !important;
  }
  .q-platform--desktop .qu-hover--bg--blue_light:hover {
    background-color: #246 !important;
  }
  .q-platform--desktop .qu-hover--bg--gray_ultralight:hover {
    background-color: #333 !important;
  }
  li.tribes_nav_menu a:hover {
    color: #ddd;
    background-color: rgba(50, 50, 50, .7) !important;
  }
  .web_page .ui_button--PillStyle--gray:hover,
  .web_page .ui_button--PillStyle--gray:focus, .progress_bar_wrapper {
    background-color: #444 !important;
  }
  .web_page .ui_button--PillStyle.pressed:focus,
  .web_page .ui_button--PillStyle.pressed:hover, .ui_button--PillStyle.pressed,
  /* exception color these bg gray on purpose */
  .web_page .ui_button--PillStyle--light_blue:focus,
  .web_page .ui_button--PillStyle--light_blue:hover, .u-bg--blue-light {
    background: #444 !important;
  }
  .ui_button--PillStyle--light_blue {
    background: #333 !important;
  }
  .distro_switcher, .AskQuestionStep .url_input,
  .TribeAddHyperLinkModal .url_input, .QuoraShareModal .url_input,
  .LogOperation .revision {
    border-color: #555 !important;
    background-color: #181818 !important;
  }
  .feed_card_on .TopicPageHeader, .TopicManagePageMain .system_message,
  .TopicOrganizePageMain .system_message {
    border: 1px solid #555 !important;
    background-color: #222 !important;
  }
  .QueryResults .AskQuestionButton {
    border: 1px solid #555 !important;
    background-color: #333 !important;
  }
  .QueryResults .AskQuestionButton:focus, .QueryResults .AskQuestionButton:hover {
    border: 1px solid /*[[base-color]]*/ !important;
    color: /*[[base-color]]*/ !important;
  }
  /* together */
  .TribesTabGetStarted:not(.u-text--gray),
  .WelcomeTribeAnnouncement:not(.footer),
  .nux_dialog_simplified_follow_friends .blurred_facepile,
  .TribesTabGetStarted .u-text--gray {
    filter: invert(90%) !important;
    color: #333;
  }
  .u-border--desktop-feed-card, .Announcement {
    border: 1px solid #ddd !important;
  }
  .layout_3col_center .list_header, .qu-color--gray_dark,
  .qu-color--gray_dark__ignore_dark_mode, .qu-color--gray_dark_dim, .q-box,
  .qu-color--gray_light, .StaticPage.JobsMain .content_section .section_text,
  .StaticPage.FunctionalJobs...