Index

Functions

changeCss

  • changeCss(rulename: string, optionname: string, sheet: Stylesheet): Stylesheet
  • Apply rule to stylesheet. rulename, optionname identify a rule. They may be meta rules

    Parameters

    • rulename: string
    • optionname: string
    • sheet: Stylesheet

    Returns Stylesheet

changeSingleCss

  • changeSingleCss(rulename: string, optionname: string, sheet: Stylesheet): Stylesheet
  • Add desired non-meta rule to stylesheet replacing existing rule with the same selector if present

    Parameters

    • rulename: string
    • optionname: string
    • sheet: Stylesheet

    Returns Stylesheet

findCssRules

  • findCssRules(selectors: string[], sheet: Stylesheet): number[]
  • Find rules in sheet that match selector

    Parameters

    • selectors: string[]
    • sheet: Stylesheet

    Returns number[]

Object literals

Const metaRules

metaRules: object

Rules that index into potentialRules or metaRules

Please don't add cycles to this table :)

gui

gui: object

full

full: object

hoverlink

hoverlink: string = "left"

menubar

menubar: string = "default"

navbar

navbar: string = "always"

padwhenmaximised

padwhenmaximised: string = "none"

tabs

tabs: string = "always"

none

none: object

hoverlink

hoverlink: string = "none"

menubar

menubar: string = "grey"

navbar

navbar: string = "autohide"

padwhenmaximised

padwhenmaximised: string = "some"

tabs

tabs: string = "none"

navbar

navbar: object

always

always: object

navbarafter

navbarafter: string = "show"

navbarnoheight

navbarnoheight: string = "hide"

navbarnonaddonchildren

navbarnonaddonchildren: string = "show"

navbarunfocused

navbarunfocused: string = "show"

navtoolboxunfocused

navtoolboxunfocused: string = "show"

urlbar

urlbar: string = "show"

urlbarcontainer

urlbarcontainer: string = "show"

autohide

autohide: object

navbarafter

navbarafter: string = "hide"

navbarnoheight

navbarnoheight: string = "hide"

navbarnonaddonchildren

navbarnonaddonchildren: string = "show"

navbarunfocused

navbarunfocused: string = "hide"

navtoolboxunfocused

navtoolboxunfocused: string = "hide"

urlbar

urlbar: string = "hide"

urlbarcontainer

urlbarcontainer: string = "hide"

none

none: object

navbarafter

navbarafter: string = "hide"

navbarnoheight

navbarnoheight: string = "show"

navbarnonaddonchildren

navbarnonaddonchildren: string = "hide"

navbarunfocused

navbarunfocused: string = "show"

navtoolboxunfocused

navtoolboxunfocused: string = "show"

urlbar

urlbar: string = "hide"

urlbarcontainer

urlbarcontainer: string = "hide"

tabs

tabs: object

always

always: object

navtoolboxunfocused

navtoolboxunfocused: string = "show"

tabstoolbar

tabstoolbar: string = "show"

tabstoolbarunfocused

tabstoolbarunfocused: string = "show"

autohide

autohide: object

navtoolboxunfocused

navtoolboxunfocused: string = "hide"

tabstoolbar

tabstoolbar: string = "show"

tabstoolbarunfocused

tabstoolbarunfocused: string = "hide"

count

count: object

tabcounter

tabcounter: string = "on"

tabcounters

tabcounters: string = "show"

nocount

nocount: object

tabcounter

tabcounter: string = "off"

tabcounters

tabcounters: string = "hide"

none

none: object

navtoolboxunfocused

navtoolboxunfocused: string = "hide"

tabstoolbar

tabstoolbar: string = "none"

Const potentialRules

potentialRules: object

Rulename -> { name: , options: { : } }

Multi-level map of rulename, options available for rule and css for each option.

findCssRules and changeSingleCss rely on the selector not containing a comma.

TODO: make this more flexible with cleverer matching of selectors, merging of options

hoverlink

hoverlink: object

name

name: string = `statuspanel[type="overLink"], #statuspanel[type="overLink"]`

options

options: object

left

left: string = ``

none

none: string = `display: none !important;`

right

right: string = `right: 0; display: inline;`

top-left

top-left: string = `top: 2em; z-index: 2; display: inline;`

top-right

top-right: string = `top: 2em; z-index: 2; right: 0; display: inline;`

menubar

menubar: object

name

name: string = `#navigator-toolbox:not(:hover):not(:focus-within) #toolbar-menubar > *`

options

options: object

default

default: string = ``

grey

grey: string = `background-color: rgb(232, 232, 231);`

navbarafter

navbarafter: object

name

name: string = `#navigator-toolbox::after`

options

options: object

hide

hide: string = `display: none !important;`

show

show: string = ``

navbarnoheight

navbarnoheight: object

name

name: string = `:root:not([customizing]) #nav-bar`

options

options: object

hide

hide: string = ``

show

show: string = `max-height: 0; min-height: 0 !important;`

navbarnonaddonchildren

navbarnonaddonchildren: object

name

name: string = `:root:not([customizing]) #nav-bar > :not(#customizationui-widget-panel)`

options

options: object

hide

hide: string = `display: none !important;`

show

show: string = ``

navbarunfocused

navbarunfocused: object

name

name: string = `:root:not([customizing]) #navigator-toolbox:not(:hover):not(:focus-within) #nav-bar`

options

options: object

hide

hide: string = `max-height: 0;min-height: 0!important;--tridactyl-auto-show-zone: 10px;margin-bottom: calc(-1 * var(--tridactyl-auto-show-zone));opacity: 0;`

show

show: string = ``

navtoolboxunfocused

navtoolboxunfocused: object

name

name: string = `:root:not([customizing]) #navigator-toolbox:not(:hover):not(:focus-within)`

options

options: object

hide

hide: string = `max-height: 1px; min-height: calc(0px); overflow: hidden;`

show

show: string = ``

padwhenmaximised

padwhenmaximised: object

name

name: string = `#main-window[sizemode="maximized"] #content-deck`

options

options: object

none

none: string = ``

some

some: string = `padding-top: 8px;`

statuspanel

statuspanel: object

name

name: string = `#statuspanel`

options

options: object

left

left: string = ``

none

none: string = `display: none !important;`

right

right: string = `right: 0; display: inline;`

top-left

top-left: string = `top: 2em; z-index: 2; display: inline;`

top-right

top-right: string = `top: 2em; z-index: 2; right: 0; display: inline;`

tabcounter

tabcounter: object

name

name: string = `tabs`

options

options: object

off

off: string = ``

on

on: string = `counter-reset: tab-counter;`

tabcounters

tabcounters: object

name

name: string = `.tab-label::before`

options

options: object

hide

hide: string = ``

show

show: string = ` counter-increment: tab-counter;content: counter(tab-counter) " - ";`

tabstoolbar

tabstoolbar: object

name

name: string = `#TabsToolbar`

options

options: object

none

none: string = `visibility: collapse;`

show

show: string = ``

tabstoolbarunfocused

tabstoolbarunfocused: object

name

name: string = `:root:not([customizing]) #navigator-toolbox:not(:hover):not(:focus-within) #TabsToolbar`

options

options: object

hide

hide: string = `visibility: collapse;`

show

show: string = ``

titlebar

titlebar: object

name

name: string = `#titlebar`

options

options: object

hide

hide: string = `display: none !important;`

show

show: string = ``

urlbar

urlbar: object

name

name: string = `:root:not([customizing]) #navigator-toolbox:not(:hover):not(:focus-within) #urlbar`

options

options: object

hide

hide: string = `min-height: 0 !important;height: 0 !important;overflow: hidden !important;`

show

show: string = ``

urlbarcontainer

urlbarcontainer: object

name

name: string = `:root:not([customizing]) #navigator-toolbox #urlbar-container`

options

options: object

hide

hide: string = `--urlbar-container-height: auto !important;`

show

show: string = ``