diff options
Diffstat (limited to '.config/tridactyl')
| -rw-r--r-- | .config/tridactyl/themes/r.css | 303 | ||||
| -rw-r--r-- | .config/tridactyl/tridactylrc | 8 |
2 files changed, 31 insertions, 280 deletions
diff --git a/.config/tridactyl/themes/r.css b/.config/tridactyl/themes/r.css index 95d02f2..05b47a6 100644 --- a/.config/tridactyl/themes/r.css +++ b/.config/tridactyl/themes/r.css @@ -1,297 +1,48 @@ /* vim: fdm=marker * */ :root.TridactylThemeR { - /* {{{ photon-colours */ + --tridactyl-fg: #f9f9fa; + --tridactyl-bg: #2a2a2e; - /* From https://github.com/overdodactyl/ShadowFox/blob/7dbe9343da87bde804e8fb88dd3b5eaaeb4817b2/css/common-files/color_variables.css */ - --tridactyl-photon-colours-magenta-50: #ff1ad9; - --tridactyl-photon-colours-magenta-60: #ed00b5; - --tridactyl-photon-colours-magenta-70: #b5007f; - --tridactyl-photon-colours-magenta-80: #7d004f; - --tridactyl-photon-colours-magenta-90: #440027; - --tridactyl-photon-colours-purple-50: #9400ff; - --tridactyl-photon-colours-purple-60: #8000d7; - --tridactyl-photon-colours-purple-70: #6200a4; - --tridactyl-photon-colours-purple-80: #440071; - --tridactyl-photon-colours-purple-90: #25003e; - --tridactyl-photon-colours-blue-40: #45a1ff; - --tridactyl-photon-colours-blue-50: #0a84ff; - --tridactyl-photon-colours-blue-60: #0060df; - --tridactyl-photon-colours-blue-70: #003eaa; - --tridactyl-photon-colours-blue-80: #002275; - --tridactyl-photon-colours-blue-90: #000f40; - --tridactyl-photon-colours-teal-50: #00feff; - --tridactyl-photon-colours-teal-60: #00c8d7; - --tridactyl-photon-colours-teal-70: #008ea4; - --tridactyl-photon-colours-teal-80: #005a71; - --tridactyl-photon-colours-teal-90: #002d3e; - --tridactyl-photon-colours-green-50: #30e60b; - --tridactyl-photon-colours-green-60: #12bc00; - --tridactyl-photon-colours-green-70: #058b00; - --tridactyl-photon-colours-green-80: #006504; - --tridactyl-photon-colours-green-90: #003706; - --tridactyl-photon-colours-yellow-50: #ffe900; - --tridactyl-photon-colours-yellow-60: #d7b600; - --tridactyl-photon-colours-yellow-70: #a47f00; - --tridactyl-photon-colours-yellow-80: #715100; - --tridactyl-photon-colours-yellow-90: #3e2800; - --tridactyl-photon-colours-red-50: #ff0039; - --tridactyl-photon-colours-red-60: #d70022; - --tridactyl-photon-colours-red-70: #a4000f; - --tridactyl-photon-colours-red-80: #5a0002; - --tridactyl-photon-colours-red-90: #3e0200; - --tridactyl-photon-colours-orange-50: #ff9400; - --tridactyl-photon-colours-orange-60: #d76e00; - --tridactyl-photon-colours-orange-70: #a44900; - --tridactyl-photon-colours-orange-80: #712b00; - --tridactyl-photon-colours-orange-90: #3e1300; - --tridactyl-photon-colours-grey-10: #f9f9fa; - --tridactyl-photon-colours-grey-20: #ededf0; - --tridactyl-photon-colours-grey-30: #d7d7db; - --tridactyl-photon-colours-grey-40: #b1b1b3; - --tridactyl-photon-colours-grey-50: #737373; - --tridactyl-photon-colours-grey-60: #4a4a4f; - --tridactyl-photon-colours-grey-70: #38383d; - --tridactyl-photon-colours-grey-80: #2a2a2e; - --tridactyl-photon-colours-grey-90: #0c0c0d; - --tridactyl-photon-colours-code-green: #86de74 !important; - --tridactyl-photon-colours-warning-color: #fce19f; - --tridactyl-photon-colours-warning-background-color: #44391f; - --tridactyl-photon-colours-theme-highlight-green: #86de74; - --tridactyl-photon-colours-theme-highlight-blue: #75bfff; - --tridactyl-photon-colours-theme-highlight-purple: #b98eff; - --tridactyl-photon-colours-theme-highlight-red: #ff7de9; - --tridactyl-photon-colours-theme-highlight-yellow: #fff89e; - --tridactyl-photon-colours-theme-highlight-bluegrey: #5e88b0; - --tridactyl-photon-colours-theme-highlight-lightorange: #d99b28; - --tridactyl-photon-colours-theme-highlight-orange: #d96629; - --tridactyl-photon-colours-theme-highlight-pink: #df80ff; - --tridactyl-photon-colours-tone-1: var(--tridactyl-photon-colours-grey-10); - --tridactyl-photon-colours-tone-2: var(--tridactyl-photon-colours-grey-20); - --tridactyl-photon-colours-tone-3: var(--tridactyl-photon-colours-grey-30); - --tridactyl-photon-colours-tone-4: var(--tridactyl-photon-colours-grey-40); - --tridactyl-photon-colours-tone-5: var(--tridactyl-photon-colours-grey-50); - --tridactyl-photon-colours-tone-6: var(--tridactyl-photon-colours-grey-60); - --tridactyl-photon-colours-tone-7: var(--tridactyl-photon-colours-grey-70); - --tridactyl-photon-colours-tone-8: var(--tridactyl-photon-colours-grey-80); - --tridactyl-photon-colours-tone-9: var(--tridactyl-photon-colours-grey-90); - --tridactyl-photon-colours-accent-1: var( - --tridactyl-photon-colours-blue-40 - ); - --tridactyl-photon-colours-accent-2: var( - --tridactyl-photon-colours-blue-50 - ); - --tridactyl-photon-colours-accent-3: var( - --tridactyl-photon-colours-blue-60 - ); - --tridactyl-photon-colours-in-content-page-color: var( - --tridactyl-photon-colours-tone-4 - ) !important; - --tridactyl-photon-colours-in-content-page-background: var( - --tridactyl-photon-colours-tone-7 - ) !important; - --tridactyl-photon-colours-in-content-text-color: var( - --tridactyl-photon-colours-tone-3 - ) !important; - --tridactyl-photon-colours-in-content-selected-text: var( - --tridactyl-photon-colours-tone-1 - ) !important; - --tridactyl-photon-colours-in-content-box-background: var( - --tridactyl-photon-colours-tone-6 - ) !important; - --tridactyl-photon-colours-in-content-box-background-odd: #f3f6fa; - --tridactyl-photon-colours-in-content-box-background-hover: var( - --tridactyl-photon-colours-tone-6 - ) !important; - --tridactyl-photon-colours-in-content-box-background-active: var( - --tridactyl-photon-colours-tone-6 - ) !important; - --tridactyl-photon-colours-in-content-box-border-color: var( - --tridactyl-photon-colours-tone-5 - ) !important; - --tridactyl-photon-colours-in-content-item-hover: rgba(0, 149, 221, 0.25); - --tridactyl-photon-colours-in-content-item-selected: var( - --tridactyl-photon-colours-tone-8 - ) !important; - --tridactyl-photon-colours-in-content-border-highlight: var( - --tridactyl-photon-colours-accent-1 - ) !important; - --tridactyl-photon-colours-in-content-border-focus: var( - --tridactyl-photon-colours-accent-1 - ) !important; - --tridactyl-photon-colours-in-content-border-color: var( - --tridactyl-photon-colours-tone-6 - ) !important; - --tridactyl-photon-colours-in-content-category-outline-focus: 1px dotted - #0a84ff; - --tridactyl-photon-colours-in-content-category-text: var( - --tridactyl-photon-colours-tone-4 - ) !important; - --tridactyl-photon-colours-in-content-category-text-active: #0c0c0d; - --tridactyl-photon-colours-in-content-category-text-selected: var( - --tridactyl-photon-colours-accent-1 - ) !important; - --tridactyl-photon-colours-in-content-category-text-selected-active: #0060df; - --tridactyl-photon-colours-in-content-category-background-hover: rgba( - 12, - 12, - 13, - 0.1 - ); - --tridactyl-photon-colours-in-content-category-background-active: rgba( - 12, - 12, - 13, - 0.15 - ); - --tridactyl-photon-colours-in-content-category-background-selected-hover: rgba( - 12, - 12, - 13, - 0.15 - ); - --tridactyl-photon-colours-in-content-category-background-selected-active: rgba( - 12, - 12, - 13, - 0.2 - ); - --tridactyl-photon-colours-in-content-tab-color: #424f5a; - --tridactyl-photon-colours-in-content-link-color: var( - --tridactyl-photon-colours-accent-1 - ) !important; - --tridactyl-photon-colours-in-content-link-color-hover: var( - --tridactyl-photon-colours-accent-2 - ) !important; - --tridactyl-photon-colours-in-content-link-color-active: #003eaa; - --tridactyl-photon-colours-in-content-link-color-visited: #0a8dff; - --tridactyl-photon-colours-in-content-primary-button-background: var( - --tridactyl-photon-colours-accent-2 - ) !important; - --tridactyl-photon-colours-in-content-primary-button-background-hover: var( - --tridactyl-photon-colours-accent-3 - ) !important; - --tridactyl-photon-colours-in-content-primary-button-background-active: var( - --tridactyl-photon-colours-accent-3 - ) !important; - --tridactyl-photon-colours-in-content-table-border-dark-color: var( - --tridactyl-photon-colours-tone-7 - ) !important; - --tridactyl-photon-colours-in-content-table-header-background: var( - --tridactyl-photon-colours-accent-2 - ) !important; - --tridactyl-photon-colours-theme-selection-background: var( - --tridactyl-photon-colours-accent-2 - ) !important; - --tridactyl-photon-colours-theme-selection-background-hover: var( - --tridactyl-photon-colours-accent-1 - ) !important; - --tridactyl-photon-colours-in-content-category-header-background: var( - --tridactyl-photon-colours-tone-8 - ) !important; - --tridactyl-photon-colours-selected-icon-fill-color: var( - --tridactyl-photon-colours-tone-2 - ) !important; - --tridactyl-photon-colours-in-content-dark-header-background: var( - --tridactyl-photon-colours-tone-9 - ) !important; - --tridactyl-photon-colours-secure-connection-color: var( - --tridactyl-photon-colours-accent-1 - ); - --tridactyl-photon-colours-theme-sidebar-background: #1b1b1d !important; - --tridactyl-photon-colours-cm-background: var( - --tridactyl-photon-colours-tone-8 - ) !important; - --tridactyl-photon-colours-cm-selection: #353b48 !important; - --tridactyl-photon-colours-cm-marker: #555 !important; - --tridactyl-photon-colours-cm-linenumber: #58575c !important; - --tridactyl-photon-colours-cm-cursor: #fff !important; - --tridactyl-photon-colours-cm-active-line-background: rgba( - 185, - 215, - 253, - 0.15 - ) !important; - --tridactyl-photon-colours-cm-matching-bracket: rgba( - 255, - 255, - 255, - 0.25 - ) !important; - --tridactyl-photon-colours-cm-search-background: rgba( - 24, - 29, - 32, - 1 - ) !important; - --tridactyl-photon-colours-cm-red: #de7474 !important; - --tridactyl-photon-colours-start-indicator-for-updater-scripts: black; - --tridactyl-photon-colours-end-indicator-for-updater-scripts: black; - --tridactyl-photon-colours-dummy-variable-for-updater-scripys: black; + --tridactyl-scrollbar-color: var(--tridactyl-fg); - /* }}} */ + --tridactyl-cmdl-fg: #d7d7db; + --tridactyl-cmdl-bg: var(--tridactyl-bg); - --tridactyl-fg: var(--tridactyl-photon-colours-in-content-page-color); - --tridactyl-bg: var(--tridactyl-photon-colours-in-content-page-background); + --tridactyl-header-first-bg: #38383d; + --tridactyl-header-second-bg: #2a2a2e; + --tridactyl-header-third-bg: #0c0c0d; - --tridactyl-scrollbar-color: var(--tridactyl-photon-colours-tone-8) - var(--tridactyl-fg); + --tridactyl-cmplt-border-top: 1px solid #2a2a2e; - --tridactyl-cmdl-fg: var(--tridactyl-photon-colours-in-content-text-color); - --tridactyl-cmdl-bg: var( - --tridactyl-photon-colours-in-content-category-header-background - ); - - /* --tridactyl-header-first-bg: var(--tridactyl-photon-colours-in-content-category-header-background); */ - /* --tridactyl-header-second-bg: var(--tridactyl-photon-colours-in-content-category-header-background); */ - /* --tridactyl-header-third-bg: var(--tridactyl-header-first-bg); */ - - --tridactyl-header-first-bg: #333; - --tridactyl-header-second-bg: #222; - --tridactyl-header-third-bg: #111; - - --tridactyl-cmplt-border-top: 1px solid - var(--tridactyl-photon-colours-in-content-category-header-background); - - --tridactyl-url-fg: var(--tridactyl-photon-colours-code-green); + --tridactyl-url-fg: #86de74; --tridactyl-url-bg: var(--tridactyl-bg); - --tridactyl-of-fg: var(--tridactyl-photon-colours-warning-color); - --tridactyl-of-bg: var(--tridactyl-photon-colours-warning-background-color); - - /* Hints are not photon coloured. Feel free to experiment with that */ + --tridactyl-of-fg: #fce19f; + --tridactyl-of-bg: var(--tridactyl-bg); - --tridactyl-hintspan-fg: white; - --tridactyl-hintspan-bg: #204e8a; + --tridactyl-hintspan-fg: #f9f9fa; + --tridactyl-hintspan-bg: rgb(185, 142, 255); - --tridactyl-hint-active-fg: #333; - --tridactyl-hint-active-bg: #88ff00; - --tridactyl-hint-active-outline: 1px solid #000; - - --tridactyl-hint-bg: rgba(13, 31, 54, 0.25); + --tridactyl-hint-fg: var(--tridactyl-hintspan-fg); + --tridactyl-hint-bg: rgba(185, 142, 255, 0.15); --tridactyl-hint-outline: 1px solid var(--tridactyl-hintspan-bg); - --tridactyl-highlight-box-bg: var( - --tridactyl-photon-colours-in-content-box-background - ); - --tridactyl-highlight-box-fg: var( - --tridactyl-photon-colours-in-content-text-color - ); + --tridactyl-hint-active-fg: var(--tridactyl-hint-fg); + --tridactyl-hint-active-bg: #fff89e; + --tridactyl-hint-active-outline: 2px solid #fff89e; - --r-accent: #FAD689; /* rgb(250,214,137) */ -} -:root.TridactylThemeR.TridactylOwnNamespace input[id^="spoiler"] ~ .spoiler { - border-color: var(--tridactyl-photon-colours-in-content-box-border-color); + --tridactyl-highlight-box-fg: var(--tridactyl-bg); + --tridactyl-highlight-box-bg: var(--tridactyl-fg); } -:root.TridactylThemeR.TridactylOwnNamespace { - scrollbar-color: var(--tridactyl-scrollbar-color); - scrollbar-width: thin; +:root.TridactylThemeR.TridactylOwnNamespace input[id^="spoiler"] ~ .spoiler { + border-color: var(--tridactyl-bg); } :root.TridactylThemeR.TridactylOwnNamespace a { - color: var(--tridactyl-photon-colours-accent-1); + color: var(--tridactyl-hintspan-bg); } :root.TridactylThemeR #command-line-holder { @@ -314,8 +65,8 @@ :root.TridactylThemeR #completions .focused, :root.TridactylThemeR #completions .focused .url { - background: var(--r-accent); - color: var(--tridactyl-bg); + color: var(--tridactyl-hintspan-bg); + background: var(--tridactyl-hint-bg); text-decoration: italic; } @@ -329,5 +80,5 @@ } :root.TridactylThemeR.TridactylOwnNamespace input[id^="spoiler"] ~ .spoiler { - border-color: var(--r-accent); + border-color: var(--tridactyl-hintspan-bg); } diff --git a/.config/tridactyl/tridactylrc b/.config/tridactyl/tridactylrc index 471367a..3494540 100644 --- a/.config/tridactyl/tridactylrc +++ b/.config/tridactyl/tridactylrc @@ -1,10 +1,7 @@ " vim: ft=vim sanitise tridactyllocal tridactylsync -bind J tabnext -bind K tabprev - -set browser firefox-nightly +set browser firefox set allowautofocus false set searchengine duckduckgo set tabopencontaineraware true @@ -25,6 +22,9 @@ unbind <C-a> unbind <F1> unbind p +bind J tabnext +bind K tabprev + bind <Space>tw fillcmdline tabopen -c wee bind <Space>tp fillcmdline tabopen -c pers bind <Space>tb fillcmdline tabopen -c bank |