The Night Adventurer theme for the writeholo.com by rockninja

/* ==UserStyle==
@name         The Night Adventurer theme for the writeholo.com
@version      20220619.21.18
@namespace    userstyles.world/user/rockninja
@description  Replaces the DEFAULT DARK theme of the writeholo.com with this custom one.

• This theme is created for dark and low brightness environments.
• Easy to modify colors via variables in the ***:root***

Not all components of the default theme are here, but this is enough to work
@author       rockninja
@license      CC-BY-NC-4.0
==/UserStyle== */

@-moz-document domain("writeholo.com") {
:root{
    --acnt_1:       #8178f4;
    --acnt_2:       #453fa4;
    --acnt_3:       #4ad0b6;
    --acnt_4:       #FF2650;
    --bg_1:         #2e3346;
    --bg_2:         #222631;
    --bg_3:         #262a35;
    --bg_4:         #1a1d24;
    --bg_5:         #16181c;
    --txt_head:     #fbc662;
    --txt_body:     #ead09f;
    --txt_white:    #fff;
    --txt_gray:     #acb1c1;
    --txt_phdr:     #daeaff60;
    --sel_col:      #857cf2;
    --sel_bg:       #00000030;
}

h4 {
    color: var(--txt_phdr) !important;
}

/* tooltips icons */
.tooltips_icon_holder__cGu0l svg {
    fill: var(--txt_phdr) !important;
}

/* Selection Color */
.theme-dark ::selection {
    color: var(--sel_col);
    background-color: var(--sel_bg);
}

/* Menu dropdown */
.storyNav_theme-dark__r8G3N .storyNav_dropdown_menu__1zxKf, .theme-dark .storyNav_dropdown_menu__1zxKf {
    background-color: var(--bg_3);
    box-shadow: 0px 6px 16px 6px var(--bg_5);
    border: none;
}

/* Menu selection */
.theme-dark .storyNav_dropdown_menu_item__3ycgz:hover {
   background-color: var(--bg_1);
}

/* Menu TEXT selection BG */
.storyNav_theme-dark__r8G3N .storyNav_tabBackground__1t6Zs, .theme-dark .storyNav_tabBackground__1t6Zs {
    background-color: var(--bg_5);
}
.storyNav_theme-dark__r8G3N .storyNav_tab_button_selected__2EbMV, .storyNav_theme-dark__r8G3N .storyNav_tab_button_selected__2EbMV:hover, .theme-dark .storyNav_tab_button_selected__2EbMV, .theme-dark .storyNav_tab_button_selected__2EbMV:hover {
    background-color: var(--acnt_1);
}
.theme-dark .storyNav_tab_button__1ZFWi:hover, .theme-dark .storyNav_tab_button_selected__2EbMV:hover {
    background-color: var(--bg_1);
}

/* Content BG */
.layout_theme-dark__EQN_W .layout_editor_container__1Qyrk, .theme-dark .layout_editor_container__1Qyrk  {
    background-color: var(--bg_2);
}

/* Content Name Header */
.kUcSYL {
    color: var(--txt_head);
}

/* Content toolbar */
.theme-dark .toolbar_editor_toolbar_container__RzZcj {
    background-color: var(--bg_5);
    opacity: 0.6 !important;
    transition: none;
}
.theme-dark .toolbar_editor_toolbar_container__RzZcj:hover {
    opacity: 1 !important;
}
/* Content toolbar icons */
.theme-dark .toolbar_editor_toolbar_container__RzZcj .toolbar_format_toolbar__2E4ZJ button {
    color: var(--txt_gray);
}
.theme-dark .toolbar_editor_toolbar_container__RzZcj .toolbar_format_toolbar__2E4ZJ button:hover {
    color: var(--acnt_1);
}
/* Content toolbar menu BTN */
.theme-dark .toolbar_mobile_settings_button__2kg3q, .theme-dark .toolbar_mobile_settings_button_closed__3auzA, .theme-dark .toolbar_mobile_settings_button__2kg3q i svg, .theme-dark .toolbar_mobile_settings_button_closed__3auzA i svg {
    background-color: var(--bg_1);
    color: var(--txt_gray);
}
.theme-dark .toolbar_mobile_settings_button__2kg3q:hover , .theme-dark .toolbar_mobile_settings_button_closed__3auzA:hover, .theme-dark .toolbar_mobile_settings_button__2kg3q:hover i svg, .theme-dark .toolbar_mobile_settings_button_closed__3auzA:hover i svg {
    background-color: var(--acnt_1);
    color: var(--txt_white);
}

/* Content Headers H1 H2 \(O_o")/ */
.layout_theme-dark__EQN_W .layout_prosemirror_container__2jCy3, .layout_theme-dark__EQN_W .layout_prosemirror_container_small__1fLUf, .layout_theme-holo__1pfyD .layout_prosemirror_container__2jCy3, .layout_theme-holo__1pfyD .layout_prosemirror_container_small__1fLUf, .layout_theme-night__3BMVo .layout_prosemirror_container__2jCy3, .layout_theme-night__3BMVo .layout_prosemirror_container_small__1fLUf, .theme-dark .layout_prosemirror_container__2jCy3, .theme-dark .layout_prosemirror_container_small__1fLUf, .theme-holo .layout_prosemirror_container__2jCy3, .theme-holo .layout_prosemirror_container_small__1fLUf, .theme-night .layout_prosemirror_container__2jCy3, .theme-night .layout_prosemirror_container_small__1fLUf {
    color: var(--txt_head);
}

/* Content body text */
.layout_theme-dark__EQN_W .layout_prosemirror_container__2jCy3 p, .layout_theme-dark__EQN_W .layout_prosemirror_container_small__1fLUf p, .layout_theme-holo__1pfyD .layout_prosemirror_container__2jCy3 p, .layout_theme-holo__1pfyD .layout_prosemirror_container_small__1fLUf p, .layout_theme-night__3BMVo .layout_prosemirror_container__2jCy3 p, .layout_theme-night__3BMVo .layout_prosemirror_container_small__1fLUf p, .theme-dark .layout_prosemirror_container__2jCy3 p, .theme-dark .layout_prosemirror_container_small__1fLUf p, .theme-holo .layout_prosemirror_container__2jCy3 p, .theme-holo .layout_prosemirror_container_small__1fLUf p, .theme-night .layout_prosemirror_container__2jCy3 p, .theme-night .layout_prosemirror_container_small__1fLUf p {
    color: var(--txt_body);
}

/* Slash popup BG */
.s_menu__1Y019 >* {
    background-color: var(--bg_3) !important;
}
.s_menu__1Y019 >*:hover {
    background-color: var(--bg_1) !important;
    border-left: 4px solid var(--acnt_1) !important;
}
.s_menu__1Y019 >*:hover h3 {
    color: var(--acnt_1) !important; 
}
.s_menu__1Y019 >*:hover p {
    color: var(--txt_white) !important;
}
.s_item_selected__20Ln3 {
    border-left: 4px solid var(--acnt_2) !important;
}
.s_item_selected__20Ln3 h3 {
    color: var(--acnt_1) !important;
}
.s_item_selected__20Ln3 p {
    color: var(--txt_gray) !important;
}
.s_item__1fDYt h3 {
    color: var(--txt_gray) !important;
}
.s_item__1fDYt p {
    color: var(--txt_phdr) !important;
}


/* Content Generated help line */
.blockGen_theme-dark__1VDP3 .blockGen_header_title__KOWjj, .theme-dark .blockGen_header_title__KOWjj {
    color: var(--txt_phdr);
}
.blockGen_theme-dark__1VDP3 .blockGen_key__2O1lX, .theme-dark .blockGen_key__2O1lX {
    background-color: var(--bg_4);
}

/* Content Generated options BG */
.blockGen_window__1eLeR {
    border-radius: 6px;
}
.blockGen_window__1eLeR >*{
    background-color: var(--bg_4) !important;
    border-radius: 0px !important;
}
.blockGen_window__1eLeR >* p {
    color: var(--txt_gray) !important;
}
.blockGen_window__1eLeR >*:hover{
    background-color: var(--bg_5) !important;
}
.blockGen_window__1eLeR >* p:hover {
    color: var(--txt_white) !important;
    opacity: 75%;
}

/* Content Generated selected BG */
.theme-dark .blockGen_selected_option__1tQVJ {
    background-color: var(--bg_3);
    border-left: 4px solid var(--acnt_2);
    border-radius: 0px;
}
.theme-dark .blockGen_selected_option__1tQVJ:hover {
    background-color: var(--bg_4);
}

/* Content Generated top BTNs */
.theme-dark .blockGen_header_button_group__ZUJha button {
    color: var(--txt_gray);
}
.theme-dark .blockGen_header_button_group__ZUJha button:hover {
    color: var(--txt_white);
    background-color: var(--acnt_1);
}

/* Content Generated option BTNs */
.blockGen_buttons__kZbLL {
    width: 36px !important;
    height: 72px !important;
    padding: 0px !important;
    background-color: var(--bg_5) !important;
    border-radius: 30px !important;
    overflow:hidden !important;
    margin-left: 12px;
}
.blockGen_buttons__kZbLL >* {
    color: var(--txt_phdr) !important;
    margin: 0px !important;
    border-radius: 0px !important;
    width: 100% !important;
    height: 100% !important;
}
.blockGen_buttons__kZbLL >*:hover {
    background-color: var(--acnt_1) !important;
    color: var(--txt_white) !important;
}

/* Header BG */
.storyNav_theme-dark__r8G3N .storyNav_navbar__12ygD, .theme-dark .storyNav_navbar__12ygD {
   background-color: var(--bg_1);
}

/* Side BG */
.layout_theme-dark__EQN_W .layout_right_sidebar__1g29U, .theme-dark .layout_right_sidebar__1g29U, .layout_theme-dark__EQN_W .layout_right_sidebar_mobile__2Wsl_, .theme-dark .layout_right_sidebar_mobile__2Wsl_, .theme-dark .layout_right_sidebar_mobile__2Wsl_ .layout_close_modal_button__EsXSW {
    background-color: var(--bg_4);
}

/* Side BG mobile close BTN */
.theme-dark .layout_right_sidebar_mobile__2Wsl_ .layout_close_modal_button__EsXSW::before,
.theme-dark .layout_right_sidebar_mobile__2Wsl_ .layout_close_modal_button__EsXSW::after {
    box-shadow: none;
}
.theme-dark .layout_right_sidebar_mobile__2Wsl_ .layout_close_modal_button__EsXSW i:hover svg {
    color: var(--acnt_1);
}

/* Side BG closed */
.layout_theme-dark__EQN_W .layout_right_sidebar_compressed__o-uJY, .theme-dark .layout_right_sidebar_compressed__o-uJY {
    background-color: var(--bg_4);
}

/* Side dropdown */
.theme-dark .gc_header__2gTwR {
    background-color: var(--bg_3);
}

/* Side folder */
.theme-dark .buttons_nav_button_selected__1Uaq5 {
    background-color: var(--bg_3);
}

/* Side text_box */
.lejejg {
    background-color: var(--bg_3);
    color: var(--txt_gray);
    border-color: #fff0;
}
.lejejg::placeholder, .ccplhu::placeholder, .css-u28pyd-placeholder {
    color: var(--txt_phdr);
}

/* Side search */
.Xzkbf {
    background-color: var(--bg_3);
    border-color: #fff0;
}

/* Models */
.dTWJgm {
    background-color: var(--bg_3);
}

/* Model selected */
.iRlOhr {
    background-color: var(--bg_4);
}

/* Models desc */
.hmXRON {
    color: var(--txt_phdr);
}

/* Datasets */
.select_dataset_theme-dark__Vt6zF .select_dataset_dataset_option__2Ud_D, .select_dataset_theme-dark__Vt6zF .select_dataset_dataset_option_selected__3bn_r, .theme-dark .select_dataset_dataset_option__2Ud_D, .theme-dark .select_dataset_dataset_option_selected__3bn_r {
    background-color: var(--bg_3);
}
.select_dataset_theme-dark__Vt6zF .select_dataset_dataset_option_selected__3bn_r, .theme-dark .select_dataset_dataset_option_sel...