Terraform simple dark theme by danilu85

/* ==UserStyle==
@name         Terraform simple dark theme
@version      20220703.17.13
@namespace    userstyles.world/user/danilu85
@description  First try to create a custom theme for a major site.
@author       danilu85
@license      No License
==/UserStyle== */

@-moz-document domain("registry.terraform.io") {

.section-browse-list {
    background: none;
}
.markdown pre, .markdown pre code {
    background-color: #2c2d2a;
    color: #fefefe;
}
.input,
.button,
.version-dropdown .latest-version-tagm,
.module-view .block-provision,
.provider-view .block-provision,
.module-view .block-provision .code pre,
.provider-view .block-provision .code pre,
.download-metrics-summary {
    background-color: #393a34;
    color: white;
}

.provider-doc-outline-content .toc-list .toc-list-item .toc-link,
.is-light .bread-crumbs-link,
.markdown h1,
.provider-doc-feedback a,
.tabs a,
.highlighted-code-wrapper .token.punctuation,
.provider-nav-info-popover .provider-nav-info-footer-version-title,
.download-metrics-summary-row,
.provider-top-modules .provider-top-modules-title {
    color: white;
}

html,
.footer {
    background-color: #272822;
    color: white;
}
.provider-view .section-header h1,
.markdown,
.modul-view,
.module-view .section-content h2 a.anchor,
.module-view .section-content h3 a.anchor,
.provider-view .section-content h2 a.anchor,
.provider-view .section-content h3 a.anchor,
.highlighted-code-wrapper .token.atrule,
.highlighted-code-wrapper .token.attr-value,
.highlighted-code-wrapper .token.keyword,
.highlighted-code-wrapper .token.property,
.highlighted-code-wrapper code[class*=language-],
.highlighted-code-wrapper pre[class*=language-],
.section-browse-list .browse-sidebar .browse-sidebar-filter-group-list label,
.global-search .search-input,
.provider-overview-title {
    color: white;
}
.block-white {
    background-color: #272822;
}
.alert.alert-warning,
.markdown .alert.alert-warning,
.provider-docs-content .alert.alert-warning,
.highlighted-code-wrapper pre[class*=language-],
.provider-view .block-provision code,
.version-dropdown .latest-version-tag,
.module-list-filter-providers .ember-power-select-trigger .ember-power-select-placeholder {
    background-color: #41413d;
    color: white;
}
.highlighted-code-wrapper .token.attr-name,
.highlighted-code-wrapper .token.boolean,
.highlighted-code-wrapper .token.builtin,
.highlighted-code-wrapper .token.char,
.highlighted-code-wrapper .token.constant,
.highlighted-code-wrapper .token.deleted,
.highlighted-code-wrapper .token.ember-power-select-multiple-option,
.highlighted-code-wrapper .token.inserted,
.highlighted-code-wrapper .token.number,
.highlighted-code-wrapper .token.selector,
.highlighted-code-wrapper .token.string,
.highlighted-code-wrapper .token.symbol,
.highlighted-code-wrapper .token.tag,
.highlighted-code-wrapper .token.class-name,
.highlighted-code-wrapper .token.function,
.highlighted-code-wrapper .token.important,
.highlighted-code-wrapper .token.regex,
.highlighted-code-wrapper .token.variable,
.provider-docs-menu-list a.active {
    color: #5664eb;
}
.footer,
.navbar-menu,
.bread-crumbs.is-light,
.column-provider-docs-menu,
.footer .navbar a.navbar-item,
.footer .navbar,
.section-browse-list .browse-sidebar .browse-sidebar-content,
.section-browse-list .browse-content {
    background-color: #272822;
    color: white;
}
.markdown code,
.ember-power-select-trigger {
    background-color: #92938e;
}
.tabs a.active,
.alert.alert-warning .alert-title,
.markdown .alert.alert-warning .alert-title,
.provider-docs-content .alert.alert-warning .alert-title,
.provider-doc-outline-content .toc-list .toc-list-item.is-active-li > .toc-link,
a {
    color: #747edd;
}
.button.is-primary {
    background-color: #6c7aff;
}
.markdown code {
    color: #99122f;
}
.highlighted-code-wrapper .token.cdata,
.highlighted-code-wrapper .token.comment,
.highlighted-code-wrapper .token.doctype,
.highlighted-code-wrapper .token.prolog {
    color: #a8aeb7;
}
.content h1,
.content h2,
.content h3,
.content h4,
.content h5,
.content h6,
.version-dropdown .version-dropdown-item-version,
.version-dropdown .is-active .dropdown-trigger .button,
.version-dropdown:hover .dropdown-trigger .button,
.provider-top-modules p {
    color: white;
}
.dropdown-content {
    background-color: #3e3e39;
}
.dropdown-item,
a.is-secondary {
    color: #cfd2c5;
}
.version-dropdown .show-all,
.provider-nav-info-popover .provider-nav-info-details .github-source-link,
.provider-nav-info-popover .provider-nav-info-details .github-source-link a,
.provider-docs-menu-list a:focus,
.provider-docs-menu-list a:hover,
.alert.alert-info,
.markdown .alert.alert-info,
.provider-docs-content .alert.alert-info,
.module-card,
.module-card-content,
.mini-provider-card {
    background-color: #92938e;
    color: black;
}
.provider-nav-info-popover .provider-nav-info-details {
    color: black;
}
.tabs a.active,
.alert.alert-warning .alert-title,
.markdown .alert.alert-warning .alert-title,
.provider-docs-content .alert.alert-warning .alert-title,
.provider-doc-outline-content .toc-list .toc-list-item.is-active-li > .toc-link,
a {
    color: #6969bd;
}
.content h1,
.content h2,
.content h3,
.content h4,
.content h5,
.content h6,
.version-dropdown .version-dropdown-item-version,
.version-dropdown .is-active .dropdown-trigger .button,
.version-dropdown:hover .dropdown-trigger .button {
    color: #babcb2;
}
body {
    color: white;
}
.section-browse-list .browse-sidebar,
.module-card a,
.block-grey {
    background-color: #272822;
}
.module-card .module-card-footer,
.ember-power-select-dropdown,
.ember-power-select-search-input {
    background-color: #babcb2;
    color: #7a7575;
}

.menu-list-category-link,
.provider-docs-menu-list a {
    color: #babcb2;
    background-color: #272822;
        
}
.provider-docs-menu-list a:hover {
    color: #fefefe;
    background-color: #2e3266;
}
    
.provider-docs-menu-list>.menu-list-category-wrapper.selected>div>.menu-list-category>.menu-list-category-link {
    background-color: #2b33a0;
    color: #9e9e9e;
}

::-webkit-scrollbar {
  width: 10px;
}
::-webkit-scrollbar-track {
  background: #393939;
}
/* Handle */
::-webkit-scrollbar-thumb {
  background: #888;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: #555;
}



}