Skip to content

Dark Dune by megabaks

Screenshot of Dark Dune

Details

Authormegabaks

LicenseNo License

Categorydune.com

Created

Updated

Size15 kB

Statistics

Learn how we calculate statistics in the FAQ.

Failed to fetch stats.

Description

Dark theme for dune.com

Notes

Userstyle doesn't have notes.

Source code

Source code has over 10K characters, so we truncated it. You can inspect the full source code on install link.
/* ==UserStyle==
@name           dune.com - 1/5/2023, 10:02:53 AM
@namespace      github.com/openstyles/stylus
@version        1.0.0
@description    A new userstyle
@author         megabaks
==/UserStyle== */
@-moz-document domain("dune.com") {
    /* Insert code here... */
    :root {
        --orange-100: #333333;
        --orange-200: #292929;
        --orange-300: #afafaf;
        --orange-400: #ffffff;
        --orange-500: #f4603e;
        --blue-100: #fff;
        --blue-200: #afafaf;
        --blue-300: #8e8ece;
        --blue-400: #56569b;
        --blue-500: #7e7e7e;
        --gray-100: #d8d8d8;
        --gray-200: #292929;
        --gray-2000: #787878;
        --gray-300: #989898;
        --gray-400: #bfbfbf;
        --gray-500: grey;
        --gray-600: var(--color1-300);
        --gray-700: #afafaf;
        --gray-800: #afafaf;
        --gray-900: #afafaf;
        --black-500: #2d2d2d;
        --color1-300: #afafaf;
        --color-success-stroke: #006400;
        --color-danger-stroke: red;
        --color2-500: var(--color1-300);
        --white: #fff;
        --danger-red: #d93025;
        --bright-red: #f43e3e;
        --success-green: #006400;
        --light-green: #5dd170;
        --forest-green: #2f7855;
        --soft-green: #def3d6;
        --tangerine-orange: #ff881b;
        --soft-orange: #fae6dc;
        --sky-blue: #31c7ed;
        --soft-blue: #dcf4fa;
        --mint: #0bb;
        /*
    * The generic theme colors and their text color for each tint. For example,
    * "--color1-500" is the primary theme color without any tint, and
    * "--color1-500-stroke" is its corresponding contrasty text overlay color.
    * The branded project pages override these values to change the theme.
    */
        --color1-100: var(--orange-100);
        --color1-200: var(--orange-200);
        --color1-400: var(--orange-400);
        --color1-500: var(--orange-500);
        --color1-100-stroke: var(--gray-900);
        --color1-200-stroke: var(--gray-900);
        --color1-300-stroke: var(--gray-900);
        --color1-400-stroke: var(--gray-900);
        --color1-500-stroke: var(--gray-900);
        --color2-100: var(--blue-100);
        --color2-200: var(--blue-200);
        --color2-300: var(--blue-300);
        --color2-400: var(--blue-400);
        --color2-100-stroke: var(--blue-500);
        --color2-200-stroke: var(--blue-500);
        --color2-300-stroke: var(--blue-500);
        --color2-400-stroke: var(--blue-500);
        --color2-500-stroke: var(--blue-100);
    }

    html,
    body,
    tspan,
    .app-navbar,
    .app-sidebar,
    .app-content,
    .plans_enterprisePlan__1B_qg,
    [data-md-toggle=search]:checked ~ .md-header .md-search__form,
    .md-search-result__meta,
    .Header_header__oKo1T,
    .Header_header__yKi_v {
        background-color: var(--orange-100);
        color: var(--color1-300);
    }

    .embed_visual__O_fHd {
        background-color: var(--orange-100) !important;
    }

    g.tooltip_crosshair__BIH0A line {
        stroke: var(--orange-300);
    }

    ._slug__description__odei2,
    .card_card__J_Vde,
    .card_title__uNvoA,
    .card_title__uNvoA svg,
    .subtitle_spacer__z973q + a,
    .subtitle_text__oMMUS,
    .header_header__uXFID .header_link__El_0d > :first-child {
        color: var(--orange-300);
    }

    .subtitle_spacer__z973q {
        background-color: var(--orange-300);
    }


    h1,
    .h1,
    h2,
    .h2,
    h3,
    .h3,
    h4,
    .h4,
    h5,
    .h5,
    h6,
    .h6,
    span,
    .logo,
    .md-tabs,
    .md-footer,
    .md-header,
    .w-nav-link,
    .md-icon svg,
    .detail-value,
    .md-typeset h2,
    .template-rich-text h2,
    .section_subhead,
    .menu a.menu-main,
    .home-heading-container,
    .podcast-hero_excerpt-2,
    .podcast-hero_share-links-wrapper,
    .md-search-result .md-typeset,
    .md-search-result__icon,
    .md-search-result .md-typeset h1,
    .md-search-result .md-typeset h2,
    .plans_enterprisePlan__1B_qg a,
    .md-typeset .tabbed-labels > label,
    .md-search-result__more > summary > div,
    .podcast-hero_similar-container-title,
    .HeaderDesktop_iconButton__RL4qj,
    .plans_info__50d0b .plans_category__JUWrU:last-of-type,
    .plans_plan__NTI2_ h1,
    .plans_plan__NTI2_ h2 {
        color: var(--color1-300);
    }


    :-webkit-any(*) {
        --md-code-fg-color: #afafaf;
        --md-code-hl-comment-color: #afafaf;
    }
    :is(*) {
        --md-code-fg-color: #afafaf;
        --md-code-hl-comment-color: #afafaf;
        --md-code-hl-operator-color: #afafaf;
    }

    .highlight .p {
        color: #afafaf;
    }

    .nav-tabs > li.active a {
        color: var(--color1-300) !important;
    }

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

    .line-divider {
        background-color: var(--color1-300);
    }

    article,
    .app-menu,
    .panel,
    .app-sticky,
    .Email_emailInput__sVU61,
    .faqs_faqCategory__0P18r,
    .career_about-text {
        border: none !important;
        background-color: var(--orange-200);
    }

    article div {
        border: none !important;
    }

    .app-loading,
    .app-loading a {
        cursor: progress !important;
    }

    /* Styling these here as Ace editor injects tooltips into body */
    .ace_tooltip.ace_doc-tooltip {
        border: 1px #484747 solid;
        box-shadow: 2px 3px 5px rgba(0, 0, 0, 0.51);
        background: #25282c;
        color: #c1c1c1;
    }


    .tags_tags__Ooij3 a,
    .sidebar-schema_schema__7ygwA,
    .sidebar-schema_form__erjwO,
    .sidebar-schema_arrakisBanner__RWCWU,
    .view_view__f_y2G {
        background: var(--orange-100);
        color: var(--gray-600);
    }

    .list_count__kSpYt > * {
        background: var(--orange-100);
    }

    .table_footer__aB65O input,
    .BrowsePage_searchOptions__PDV59,
    .BrowsePage_searchOptionsContract__WFmcC {
        background: var(--orange-100);
        border: 1px var(--gray-300) solid;
    }

    .button_button__VllXE.button_color2__WnOWw.button_light__ZGIcS,
    button.format-sql-button_formatter__y7IpN.dark,
    .sidebar-schema_message__nG1az > *,
    .ButtonOld_button__5QpuO.ButtonOld_color2__03s3C.ButtonOld_light__tBT77 {
        background: var(--orange-100);
        border: 1px var(--gray-300) solid;
        color: var(--gray-600);
    }


    .box_background__RoqVp,
    :is([class*=_watermark_]) {
        display: none;
    }

    .dialog_content__Rx9RI {
        background: var(--orange-100);
    }

    ul.MenuPanel_menu__159U2 li + li {
        border-top: none;
    }

    .labels_text__AIM8U,
    .labels_text__ER9Cu {
        fill: var(--orange-400);
        text-shadow: black 0px 0px 12px !important;
        font-weight: 800;
        font-size: 85%;
    }


    ul.MenuPanel_menu__159U2,
    .input_select__2UT_h select option {
        background: var(--orange-100);
        border: 2px solid #222;
        box-shadow: none;
    }

    ul.MenuPanel_menu__159U2 li.MenuPanel_categoryHeader__Sk20a,
    ul.MenuPanel_menu__159U2 li.MenuPanel_active__sVCCB,
    button.view_addToEditor__zByxG:hover,
    ul.view_results___tmGd a:hover,
    ul.view_results___tmGd button:hover,
    .view_titleRow__eN18f a.view_contextLink__Huz0d:hover,
    .results .result:hover,
    .results .result:focus {
        background: #222;
    }

    .table_footer__hO_wX,
    ul.MenuPanel_menu__159U2 li a svg + span,
    ul.MenuPanel_menu__159U2 li button svg + span,
    ul.MenuPanel_menu__159U2 li.MenuPanel_categoryHeader__Sk20a a span {
        background: none;
    }

    .menu_list__phdkh {
        background: var(--orange-100);
        color: var(--gray-100);
        border: 2px solid #222;
    }

    .table_footer__aB65O,
    .button_button__VllXE {
        background: none;
    }

    .view_abiType__YbPN8,
    .hero_square__v5HRL,
    .input_checkbox__PS9U_,
    .input_combobox__VyOXk input,
    .input_input__TuzvH input,
    .input_select__2UT_h select,
    .input_textarea__Y2vai textarea {
        background: none;
    }

    .tags_tags__Ooij3.tags_color1__zfUcB a,
    span,
    .search_selection__jubIP,
    .search_form__vdpkL,
    .panels_list__dmJZs > *,
    .page_page__s11WL.page_triangle1__k_7de,
    .datepicker_button-group__OavUW {
        background: none;
    }

    .settings-menu_label__shPpY.dark,
    .settings-menu_label__shPpY:hover.dark,
    .button_button__VllXE.button_color2__WnOWw,
    .panels_list__dmJZs > [aria-selected=true] {
        background: var(--color2-500);
        color: #000;
    }

    .settings-menu_list__Bqr0c,
    .settings-menu_list__Bqr0c *,
    .settings-menu_label__shPpY.dark,
    .settings-menu_label__shPpY:hover.dark {
        background: var(--color2-500) !important;
        color: #000;
    }

    .quote_quote__lt6eI {
        background: var(--gray-2000);
        color: #000;
    }

    .header_description__frTz_ {
        color: var(--color1-300) !important;
    }

    .code_code__wT55Y .ace_editor.ace-gruvbox {
        background: #2d2d2d;
    }

    .feature_code__3gbSx,
    .feature_code__3gbSx pre {
        background: #2d2d2d;
    }

    /* remove annoying watermark */
    .visual_watermark__G6bXz,
    .chart_watermark__zSrtM {
        display: none;
    }

    .header_header__7YM5z,
    .header_header__7YM5z.header_transparent__iHGXZ,
    .navbar_component,
    .md-tabs,
    .md-header,
    .md-footer,
    .md-footer-meta,
    .inputs_text-input-base__GCu5U input,
    .textarea_text-area-max-word-count__oRl29 textarea,
    .select_select-base__rarF5 select {
        background: var(--orange-200);
    }

    .parameters_select__Qjodi select option,
    .parameters_parameter__FVY3O,
    .parameters_parameter__FVY3O:focus-within,
    .datepicker_popper__IqAqm .react-datepicker {
        background: var(--orange-100);
        border: 1px var(--gray-300) solid !important;
        border-radius: 0.5em;
        color: var(--color1-300);
    }

    .datepicker_popper__IqAqm .react-datepicker__day:h...

Reviews

No reviews yet.