/* enable in about:config
toolkit.legacyUserProfileCustomizations.stylesheets
*/
@import "userColors.css";
/*@namespace html url(http://www.w3.org/1999/xhtml);
@namespace url(http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul);
*/

/* it might be necessary to change theme to dark */

/*doesnt work*/
*|*:root {
    --Context-menu-highlight: red;
    --Context-menu-background: blue:
    --Context-menu-text-color: yellow;
}
/* hides the native tabs */
#TabsToolbar {
  visibility: collapse;
}

#urlbar {
    background: var(--color-bg) !important;
    color: var(--color-fg) !important;
    caret-color: red !important;
}

/* changes in main menu bar (File etc)*/
#toolbar-menubar {
    background: var(--color-bg) !important;
    color: var(--color-fg) !important;
}

/* changes in top bar */
#navigator-toolbox {
    --toolbar-bgcolor: var(--color-bg);
}
.toolbarbutton-1 {
    fill: var(--color-fg) !important;
    --toolbarbutton-hover-background: var(--color-acc1) !important;
    --toolbarbutton-active-background: var(--color-acc3) !important;
}
.toolbarbutton-1:hover{ /*cant change fill in toolbarbutton-1*/
    fill: var(--color-bg) !important;
}
.toolbarbutton-1:active {
    fill: var(--color-bg) !important;
}

/* changes in menus */

.popup-internal-box {
    background: var(--color-bg) !important;
    color: var(--color-fg) !important;
    margin: -.2em -.1em -.1em -.1em;  /*removes borders*/
}
/* dont know if necessarz if popup-internal-box color is set */
.menu-text,
.menu-iconic-text,
.menu-iconic-left,
.menu-right {
    color: var(--color-fg) !important;
}

/*colors of hotkeys in nmenubar*/LL
.menu-accel,
.menu-iconic-accel {
    color: var(--color-acc2) !important;
}

/* context menu */
/* This changes the color on hover of the context-menu items */
menubar > menu[_moz-menuactive="true"],
menupopup > menu[_moz-menuactive="true"],
popup > menu[_moz-menuactive="true"],
menuitem[_moz-menuactive="true"]
{background-color: var(--color-acc1) !important}

/* window "more tools"*/
#widget-overflow-mainView {
    background: var(--color-bg) !important;
    color: var(--color-fg) !important;
}

/* hides sidebar header for tst */
#sidebar-box[sidebarcommand="treestyletab_piro_sakura_ne_jp-sidebar-action"] #sidebar-header {
    display:none;
}

#sidebar,
#sidebar-header,
#sidebar-search-container,
#bookmarks-view-children,
#historyTree {
    color: var(--color-fg) !important;
    background: var(--color-bg) !important;
}

#sidebar-splitter {
    border: none !important;
    background-color: var(--color-bg) !important;
}