/* ==UserStyle==
@name           Discord Zendesk Dark
@namespace      github.com/thereatra
@version        1.1.0
@description    A dark theme for Discord's Zendesk pages. It's easier on the eyes and generally adheres better to Discord's design principles.
@author         Thereatra (https://thereatra.com)
@homepageURL    https://github.com/Thereatra/Discord-Zendesk-Darkmode
@supportURL     https://github.com/Thereatra/Discord-Zendesk-Darkmode/issues
@updateURL      https://raw.githubusercontent.com/Thereatra/Discord-Zendesk-Darkmode/master/zendesk-dark.user.css
@license        MIT
@preprocessor   default
==/UserStyle== */

@-moz-document regexp("https?:\/\/(support|support-dev)\.discord\.com\/hc\/[a-zA-Z]{0,10}\-?([a-zA-Z]{0,10})?\/(community|search|subscriptions|posts|community_comments|comments|requests).*") {
  /**********************************************
                   FEEDBACK PAGES
  **********************************************/

  /* ----- Site Header ----- */
  .header {
    background-color: #1c1c1c;
    padding: 0 5%;
    width: 100%;
    max-width: unset;
  }

  .logo img {
    filter: invert(100%);
  }

  .nav-wrapper a {
    color: #fff;
    opacity: 0.8;
  }

  .table th a,
  .collapsible-nav-list li a {
    color: #b9bbbe;
  }

  .nav-wrapper a:hover {
    color: #fff;
    opacity: 1;
  }

  [role="button"] {
    background-color: inherit;
  }

  .user-info > [role="button"] {
    color: #fff;
    opacity: 0.8;
  }

  .user-info > [role="button"]::after {
    color: #fff;
  }

  .community-follow [role="button"] {
    color: #7289da;
  }

  .user-info > [role="button"]:hover {
    color: #fff;
    opacity: 1;
  }

  #user #user-dropdown {
    background-color: #4a4c53;
  }

  /* ----- Site Body ----- */
  body {
    background-color: #37393f;
    color: #b9bbbe;
  }

  .container-divider {
    border: none;
  }

  .vote-sum {
    color: #999;
  }

  .vote-up::before,
  .vote-down::before {
    color: #999;
  }

  .vote-voted::before {
    color: #7289da;
  }

  .vote-voted:hover::before {
    color: #999;
  }

  .share a::before {
    color: #999;
  }

  .comment {
    border-bottom: 2px solid #2f3236;
  }

  .comment-callout {
    color: #999;
  }

  .comment-sorter .dropdown-toggle {
    color: #999;
  }

  .actions .dropdown-toggle::before {
    color: #999;
  }

  .actions .dropdown-toggle:hover::before {
    color: #999;
    background-color: #4a4c53;
  }

  .comment-overview {
    border-top: 2px solid #2f3236;
    border-bottom: 2px solid #2f3236;
  }

  textarea {
    border: none;
    border-radius: 5px;
    background-color: #4a4c53;
  }

  #hc-wysiwyg {
    background: none;
    border: none;
    border-radius: 5px;
  }

  #hc-wysiwyg [role="group"] {
    padding: 0;
  }

  #hc-wysiwyg [role="toolbar"] {
    background-color: #2f3236;
    border: none;
  }

  #hc-wysiwyg [class^="wysiwyg-icon-"] {
    color: #666;
  }

  #hc-wysiwyg [role="separator"] {
    background: #666;
  }

  .mce-content-body {
    background-color: #4a4c53;
  }

  .form-field input[type="text"] {
    background-color: #4a4c53;
    border: none;
    color: #b9bbbe;
  }

  .form-field .nesty-input {
    background-color: #4a4c53;
    border: none;
    color: #b9bbbe;
  }

  .button {
    background-color: inherit;
  }

  /* ----- Main navbar ----- */
  ol.breadcrumbs li:first-child::before {
    filter: invert(87%);
  }

  .subscriptions-unsubscribe a:hover {
    background-color: inherit;
    border: 1px solid #7289da;
    margin: -1px;
  }

  .breadcrumbs li a:visited {
    color: #b9bbbe;
  }

  .breadcrumbs li a:hover {
    color: #fff;
  }

  .search input[type="search"] {
    background-color: #4a4c53;
    border: none;
    border-radius: 5px;
    height: 50px;
    color: #b9bbbe;
  }

  .search input[type="search"]:focus {
    color: #b9bbbe;
  }

  .search::before {
    background-color: inherit;
    color: #999;
  }

  ::placeholder {
    color: #999;
  }

  .community-follow [role="button"]:hover {
    color: #fff;
  }

  .community-follow [role="button"]:focus {
    color: #fff;
  }

  .community-follow [role="button"][aria-selected="true"]:hover {
    background-color: inherit;
    border-color: #7289da;
    color: #7289da;
  }

  .community-follow [role="button"][aria-selected="true"]:focus {
    background-color: inherit;
    border-color: #7289da;
    color: #7289da;
  }

  .community-follow [role="button"][aria-selected="true"]:hover::after {
    border-left: 1px solid #7289da;
    color: #7289da;
  }

  .community-follow [role="button"][aria-selected="true"]:focus::after {
    border-left: 1px solid #7289da;
    color: #7289da;
  }

  /* ----- Frontpage header ----- */
  .dropdown-menu {
    border: none;
    background-color: #4a4c53;
    border-radius: 5px;
  }

  .dropdown-menu [role="menuitem"] {
    color: #999;
  }

  .dropdown-menu [role="menuitem"][aria-selected="true"] {
    background-color: #3d3d42;
    color: #c4bdbd;
  }

  .dropdown-menu [role="menuitem"]:hover {
    background-color: #3d3d42;
    color: #c4bdbd;
  }

  /* ----- Frontpage ----- */
  .blocks-item {
    border: none;
    border-radius: 5px;
    background-color: #4a4c53;
  }

  .blocks-item:hover {
    box-shadow: 0 9px 30px rgba(0, 0, 0, 0.3);
  }

  .blocks-item-title {
    color: #b9bbbe;
    font-weight: bold;
  }

  .meta-data {
    color: #999;
  }

  .topic-header {
    border-bottom: 1px solid #2f3236;
  }

  .striped-list-title:visited {
    color: #666;
  }

  .striped-list-item {
    border-bottom: 1px solid #2f3236;
  }

  .striped-list-count {
    color: #999;
  }

  .striped-list-number {
    color: #999;
  }

  .search-results-list > li {
    border-bottom: 1px solid #2f3236;
  }

  .collapsible-nav-list li {
    color: #b9bbbe;
    font-weight: bold;
  }

  .search-results-list > li:first-child {
    border-top: 1px solid #2f3236;
  }

  /* ----- My activities ----- */
  .table tr {
    border-bottom: 1px solid #2f3236;
  }

  .table th {
    color: #b9bbbe;
  }

  .my-activities-nav {
    background-color: #2f3236;
  }

  .collapsible-nav-list li[aria-selected="true"] {
    color: #72767d;
  }

  .my-activities-sub-nav {
    border-bottom: 2px solid #2f3236;
  }

  select {
    background: #4a4c53;
    border: none;
    color: #b9bbbe;
  }

  select:focus {
    border: none;
  }

  /* ----- Frontpage footer ----- */
  .button-large:hover {
    background-color: #7289da;
    box-shadow: 0 9px 30px rgba(0, 0, 0, 0.3);
    position: relative;
    top: -5px;
  }

  .pagination li:hover:not(.pagination-current) {
    background-color: #4a4c53;
  }

  .pagination li:hover:not(.pagination-current) a {
    color: #b9bbbe;
  }
}

@-moz-document regexp("https?:\/\/(support|support-dev)\.discord\.com\/hc\/[a-zA-Z]{0,10}\-?([a-zA-Z]{0,10})?(\/(search|categories|sections|articles|subscriptions|posts|community_comments|comments|requests).*|(\?.+)?)") {
  /**********************************************
                   SUPPORT PAGES
  **********************************************/

  /* ----- Site Header ----- */
  .header {
    background-color: rgb(28, 28, 28);
    padding: 0 5%;
    width: 100%;
    max-width: unset;
  }

  .logo img {
    filter: invert(100%);
  }

  .nav-wrapper a {
    color: #fff;
    opacity: 0.8;
  }

  .section-tree-title a {
    color: #b9bbbe;
  }

  .article-list-item a {
    color: #999;
  }

  .breadcrumbs li a,
  .table th a {
    color: #b9bbbe;
  }

  .collapsible-nav-list li a {
    color: #b9bbbe;
  }

  .nav-wrapper a:hover {
    color: #fff;
    opacity: 1;
  }

  .user-info > [role="button"] {
    color: #fff;
    opacity: 0.8;
  }

  .user-info > [role="button"]::after {
    color: #fff;
  }

  .user-info > [role="button"]:hover {
    color: #fff;
    opacity: 1;
  }

  #user #user-dropdown {
    background-color: #4a4c53;
  }

  /* ----- Site Body ----- */
  body {
    background-color: #37393f;
    color: #b9bbbe;
  }

  .container-divider {
    border: none;
  }

  .search-results-list > li {
    border-bottom: 1px solid #2f3236;
  }

  .collapsible-nav-list li {
    color: #b9bbbe;
    font-weight: bold;
  }

  .search-results-list > li:first-child {
    border-top: 1px solid #2f3236;
  }

  .meta-data {
    color: #999;
  }

  .article-list-item {
    border-bottom: 2px solid #2f3236;
  }

  .article-votes {
    border-top: 2px solid #2f3236;
  }

  .button[aria-selected="true"]:hover {
    background-color: inherit;
    border-color: rgba(114, 137, 218, 1);
  }

  .button[aria-selected="true"]:focus {
    background-color: rgba(114, 137, 218, 1);
    border-color: rgba(114, 137, 218, 1);
  }

  .button[aria-selected="true"]:hover:focus {
    background-color: inherit;
    border-color: rgba(114, 137, 218, 1);
  }

  .button[aria-selected="true"]:hover::before {
    color: rgba(114, 137, 218, 1);
  }

  .button[aria-selected="true"]:hover::after {
    color: rgba(114, 137, 218, 1);
  }

  .article-relatives {
    border-top: 2px solid #2f3236;
  }

  .article-body a:visited {
    color: rgba(114, 137, 218, 1);
  }

  .form-field .nesty-input {
    background-color: #4a4c53;
    border: none;
    color: #b9bbbe;
  }

  .form-field .nesty-input a {
    background-color: #4a4c53;
    color: #b9bbbe;
  }

  #request_custom_fields_360008125792 {
    background-color: #4a4c53;
    border: none !important;
    color: #b9bbbe;
  }

  #request_custom_fields_360008125812 {
    background-color: #4a4c53;
    border: none !important;
    color: #b9bbbe;
  }

  #request_custom_fields_360008222191 {
    background-color: #4a4c53;
    border: none !important;
    color: #b9bbbe;
  }

  #request_subject {
    background-color: #4a4c53;
    border: none !important;
    color: #b9bbbe;
  }

  #request_description {
    background-color: #4a4c53;
    border: none !important;
    color: #b9bbbe;
    font-weight: inherit !important;
  }

  #new_request input[type=submit] {
    border: none;
  }

  /* ----- Main navbar ----- */
  ol.breadcrumbs li:first-child::before {
    filter: invert(87%);
  }

  .subscriptions-unsubscribe a:hover {
    background-color: inherit;
    border: 1px solid rgba(114, 137, 218, 1);
    margin: -1px;
  }

  .breadcrumbs li a:visited {
    color: #b9bbbe;
  }

  .breadcrumbs li a:hover {
    color: #fff;
  }

  .sidenav-item {
    border: none;
    background-color: #4a4c53;
    color: #b9bbbe;
  }

  .sidenav-item:hover {
    box-shadow: 0 5px 11px rgba(0, 0, 0, 0.3);
  }

  .sidenav-item.current-article {
    border: none;
  }

  a.article-sidebar-item {
    top: 0;
    background: inherit;
    border: 1px solid;
  }

  /* ----- Frontpage header ----- */
  .dropdown-menu {
    border: none;
    background-color: #4a4c53;
    border-radius: 5px;
  }

  .dropdown-menu [role="menuitem"] {
    color: #999;
  }

  .dropdown-menu [role="menuitem"][aria-selected="true"] {
    background-color: #3d3d42;
    color: #c4bdbd;
  }

  .dropdown-menu [role="menuitem"]:hover {
    background-color: #3d3d42;
    color: #c4bdbd;
  }

  .hero {
    background-image: url(https://discord.com/assets/8a6fb04a7de46f908adbb18c2b4b776b.svg), linear-gradient(0deg, #37393f, #1c1c1c);
  }

  .hero-inner h5 {
    color: #b9bbbe;
  }

  .search input[type="search"] {
    background-color: #4a4c53;
    border: none;
    border-radius: 5px;
    height: 50px;
    color: #b9bbbe;
  }

  .search input[type="search"]:focus {
    color: #b9bbbe;
  }

  .search::before {
    background-color: inherit;
    color: #999;
  }

  ::placeholder {
    color: #999;
  }

  /* ----- Frontpage ----- */
  .flex-item {
    border: none;
    border-radius: 5px;
    background-color: #4a4c53;
    box-shadow: none;
  }

  .flex-item:hover {
    box-shadow: 0 9px 30px rgba(0, 0, 0, 0.3);
  }

  .flex-item h2 {
    color: #b9bbbe;
  }

  .flex-item hr {
    width: 100px;
    background-color: #2f3236;
  }

  .flex-item h3 {
    color: #999;
  }

  /* ----- My activities ----- */
  .table tr {
    border-bottom: 1px solid #2f3236;
  }

  .table th {
    color: #b9bbbe;
  }

  .my-activities-nav {
    background-color: #2f3236;
  }

  .collapsible-nav-list li[aria-selected="true"] {
    color: #72767d;
  }

  .my-activities-sub-nav {
    border-bottom: 2px solid #2f3236;
  }

  select {
    background-color: #4a4c53;
    border: none;
    color: #b9bbbe;
  }

  select:focus {
    border: none;
    background-color: #4a4c53;
  }

  .striped-list-title:visited {
    color: #666;
  }

  /* ----- Support tickets ----- */
  .request-title {
    border-bottom: 2px solid #2f3236;
  }

  .comment {
    border-bottom: 2px solid #2f3236;
  }

  .request-sidebar {
    background-color: #2f3236;
    border-radius: 4px;
  }

  .request-details {
    border-bottom: 1px solid #666;
  }
}