uio-plus/src/stylus/enactors.styl

User Interface Options Plus (UIO+) allows you to customize websites to match your own personal needs and preferences.

@import "../../node_modules/infusion/src/framework/preferences/css/stylus/utils/Themes"
@import "utils/selection"

@import "utils/enhanceInputs"
@import "utils/simplify"
@import "utils/syllabification"
@import "utils/tableOfContents"

// Theming
// Renamed the theme classes from the Fluid Infusion Preferences Framework
// to avoid conflicts when the browser extension is run on a page that already
// includes UI Options.
extensionThemes = {
    ".fl-theme-uioPlus-bw": {
        foregroundColor: #000000,
        backgroundColor: #ffffff
    }
    ".fl-theme-uioPlus-wb": {
        foregroundColor: #ffffff,
        backgroundColor: #000000
    }
    ".fl-theme-uioPlus-yb": {
        foregroundColor: #ffff00,
        backgroundColor: #000000
    }
    ".fl-theme-uioPlus-by": {
        foregroundColor: #000000,
        backgroundColor: #ffff00
    }
    ".fl-theme-uioPlus-gd": {
        foregroundColor: #888888,
        backgroundColor: #222222,
        linkColor: #8080ff,
        disabledColor: #cc0000,
        selectedForegroundColor: #ffffff,
        selectedBackgroundColor: #008000,
        buttonForegroundColor: #ffffff,
        buttonBackgroundColor: #000000
    }
    ".fl-theme-uioPlus-gw": {
        foregroundColor: #6c6c6c,
        backgroundColor: #ffffff,
        linkColor: #6666cc,
        disabledColor: #993333,
        selectedForegroundColor: #ffffff,
        selectedBackgroundColor: #404080,
        buttonForegroundColor: #000000,
        buttonBackgroundColor: #ffffff
    }
    ".fl-theme-uioPlus-bbr": {
        foregroundColor: #000000,
        backgroundColor: #bb9966,
        linkColor: #000099,
        disabledColor: #600000,
        selectedForegroundColor: #ffffff,
        selectedBackgroundColor: #000070,
        buttonForegroundColor: #000000,
        buttonBackgroundColor: #ffd18a
    }
}


build-themes-Enactors(extensionThemes);

// Selection Highlight
selectionThemes = {
    ".uioPlus-selection-yellow": {
        foregroundColor: #000000,
        backgroundColor: #eeee1a,
        linkColor: #203bd6
    }
    ".uioPlus-selection-green": {
        foregroundColor: #000000,
        backgroundColor: #318712,
        linkColor: #ffffff
    }
    ".uioPlus-selection-pink": {
        foregroundColor: #000000,
        backgroundColor: #de00a2,
        linkColor: #ffffff
    }
}

uioPlus-stylus-selectionThemes(selectionThemes);