From 4fae307cdfb3a7f7eb9e1b31b417bee939d4980e Mon Sep 17 00:00:00 2001 From: Chris Cochrun Date: Sat, 29 Aug 2020 14:13:33 -0500 Subject: [PATCH] added tridactyl and made lots of awesome changes --- alacritty/alacritty.yml | 4 +- awesome/README.org | 2 + awesome/rc.lua | 115 ++++++------- awesome/theme.lua | 2 +- awesome/widget/volume/init.lua | 4 +- .../navbar_tabs_oneliner_tabs_on_left.css | 40 ++++- picom.conf | 7 +- rofi/launchers-git/blurry.rasi | 8 +- rofi/launchers-git/launcher.sh | 2 +- todo.org | 1 + tridactyl/themes/base16-3024.css | 153 +++++++++++++++++ tridactyl/themes/base16-apathy.css | 153 +++++++++++++++++ tridactyl/themes/base16-ashes.css | 153 +++++++++++++++++ tridactyl/themes/base16-atelier-cave.css | 153 +++++++++++++++++ tridactyl/themes/base16-atelier-dune.css | 153 +++++++++++++++++ tridactyl/themes/base16-atelier-estuary.css | 156 +++++++++++++++++ tridactyl/themes/base16-atelier-forest.css | 153 +++++++++++++++++ tridactyl/themes/base16-atelier-heath.css | 153 +++++++++++++++++ tridactyl/themes/base16-atelier-lakeside.css | 159 ++++++++++++++++++ tridactyl/themes/base16-atelier-plateau.css | 156 +++++++++++++++++ tridactyl/themes/base16-atelier-savanna.css | 156 +++++++++++++++++ tridactyl/themes/base16-atelier-seaside.css | 156 +++++++++++++++++ .../themes/base16-atelier-sulphurpool.css | 159 ++++++++++++++++++ tridactyl/themes/base16-bespin.css | 153 +++++++++++++++++ tridactyl/themes/base16-brewer.css | 153 +++++++++++++++++ tridactyl/themes/base16-bright.css | 153 +++++++++++++++++ tridactyl/themes/base16-chalk.css | 153 +++++++++++++++++ tridactyl/themes/base16-codeschool.css | 153 +++++++++++++++++ tridactyl/themes/base16-cupcake.css | 153 +++++++++++++++++ tridactyl/themes/base16-darktooth.css | 153 +++++++++++++++++ tridactyl/themes/base16-default-dark.css | 153 +++++++++++++++++ tridactyl/themes/base16-default-light.css | 153 +++++++++++++++++ tridactyl/themes/base16-dracula.css | 153 +++++++++++++++++ tridactyl/themes/base16-eighties.css | 153 +++++++++++++++++ tridactyl/themes/base16-embers.css | 153 +++++++++++++++++ tridactyl/themes/base16-flat.css | 153 +++++++++++++++++ tridactyl/themes/base16-github.css | 153 +++++++++++++++++ tridactyl/themes/base16-google-dark.css | 153 +++++++++++++++++ tridactyl/themes/base16-google-light.css | 153 +++++++++++++++++ tridactyl/themes/base16-grayscale-dark.css | 153 +++++++++++++++++ tridactyl/themes/base16-grayscale-light.css | 156 +++++++++++++++++ tridactyl/themes/base16-green-screen.css | 153 +++++++++++++++++ tridactyl/themes/base16-gruvbox-dark-hard.css | 159 ++++++++++++++++++ .../themes/base16-gruvbox-dark-medium.css | 159 ++++++++++++++++++ tridactyl/themes/base16-gruvbox-dark-pale.css | 159 ++++++++++++++++++ tridactyl/themes/base16-gruvbox-dark-soft.css | 159 ++++++++++++++++++ .../themes/base16-gruvbox-light-hard.css | 159 ++++++++++++++++++ .../themes/base16-gruvbox-light-medium.css | 159 ++++++++++++++++++ .../themes/base16-gruvbox-light-soft.css | 159 ++++++++++++++++++ tridactyl/themes/base16-harmonic16-dark.css | 156 +++++++++++++++++ tridactyl/themes/base16-harmonic16-light.css | 159 ++++++++++++++++++ tridactyl/themes/base16-hopscotch.css | 153 +++++++++++++++++ tridactyl/themes/base16-ir-black.css | 153 +++++++++++++++++ tridactyl/themes/base16-isotope.css | 153 +++++++++++++++++ tridactyl/themes/base16-london-tube.css | 153 +++++++++++++++++ tridactyl/themes/base16-macintosh.css | 153 +++++++++++++++++ tridactyl/themes/base16-marrakesh.css | 153 +++++++++++++++++ tridactyl/themes/base16-materia.css | 153 +++++++++++++++++ tridactyl/themes/base16-mexico-light.css | 153 +++++++++++++++++ tridactyl/themes/base16-mocha.css | 153 +++++++++++++++++ tridactyl/themes/base16-monokai.css | 153 +++++++++++++++++ tridactyl/themes/base16-nord.css | 153 +++++++++++++++++ tridactyl/themes/base16-ocean.css | 153 +++++++++++++++++ tridactyl/themes/base16-oceanicnext.css | 153 +++++++++++++++++ tridactyl/themes/base16-onedark.css | 153 +++++++++++++++++ tridactyl/themes/base16-paraiso.css | 153 +++++++++++++++++ tridactyl/themes/base16-phd.css | 153 +++++++++++++++++ tridactyl/themes/base16-pico.css | 153 +++++++++++++++++ tridactyl/themes/base16-pop.css | 153 +++++++++++++++++ tridactyl/themes/base16-railscasts.css | 153 +++++++++++++++++ tridactyl/themes/base16-rebecca.css | 153 +++++++++++++++++ tridactyl/themes/base16-seti-ui.css | 153 +++++++++++++++++ tridactyl/themes/base16-shapeshifter.css | 153 +++++++++++++++++ tridactyl/themes/base16-solar-flare.css | 153 +++++++++++++++++ tridactyl/themes/base16-solarized-dark.css | 153 +++++++++++++++++ tridactyl/themes/base16-solarized-light.css | 156 +++++++++++++++++ tridactyl/themes/base16-spacemacs.css | 153 +++++++++++++++++ tridactyl/themes/base16-summerfruit-dark.css | 159 ++++++++++++++++++ tridactyl/themes/base16-summerfruit-light.css | 159 ++++++++++++++++++ tridactyl/themes/base16-tomorrow-night.css | 153 +++++++++++++++++ tridactyl/themes/base16-tomorrow.css | 153 +++++++++++++++++ tridactyl/themes/base16-twilight.css | 153 +++++++++++++++++ tridactyl/themes/base16-unikitty-dark.css | 153 +++++++++++++++++ tridactyl/themes/base16-unikitty-light.css | 153 +++++++++++++++++ tridactyl/themes/base16-woodland.css | 153 +++++++++++++++++ tridactyl/themes/snazzy.css | 156 +++++++++++++++++ tridactyl/tridactylrc | 37 ++++ 87 files changed, 11860 insertions(+), 86 deletions(-) create mode 100644 awesome/README.org create mode 100644 todo.org create mode 100644 tridactyl/themes/base16-3024.css create mode 100644 tridactyl/themes/base16-apathy.css create mode 100644 tridactyl/themes/base16-ashes.css create mode 100644 tridactyl/themes/base16-atelier-cave.css create mode 100644 tridactyl/themes/base16-atelier-dune.css create mode 100644 tridactyl/themes/base16-atelier-estuary.css create mode 100644 tridactyl/themes/base16-atelier-forest.css create mode 100644 tridactyl/themes/base16-atelier-heath.css create mode 100644 tridactyl/themes/base16-atelier-lakeside.css create mode 100644 tridactyl/themes/base16-atelier-plateau.css create mode 100644 tridactyl/themes/base16-atelier-savanna.css create mode 100644 tridactyl/themes/base16-atelier-seaside.css create mode 100644 tridactyl/themes/base16-atelier-sulphurpool.css create mode 100644 tridactyl/themes/base16-bespin.css create mode 100644 tridactyl/themes/base16-brewer.css create mode 100644 tridactyl/themes/base16-bright.css create mode 100644 tridactyl/themes/base16-chalk.css create mode 100644 tridactyl/themes/base16-codeschool.css create mode 100644 tridactyl/themes/base16-cupcake.css create mode 100644 tridactyl/themes/base16-darktooth.css create mode 100644 tridactyl/themes/base16-default-dark.css create mode 100644 tridactyl/themes/base16-default-light.css create mode 100644 tridactyl/themes/base16-dracula.css create mode 100644 tridactyl/themes/base16-eighties.css create mode 100644 tridactyl/themes/base16-embers.css create mode 100644 tridactyl/themes/base16-flat.css create mode 100644 tridactyl/themes/base16-github.css create mode 100644 tridactyl/themes/base16-google-dark.css create mode 100644 tridactyl/themes/base16-google-light.css create mode 100644 tridactyl/themes/base16-grayscale-dark.css create mode 100644 tridactyl/themes/base16-grayscale-light.css create mode 100644 tridactyl/themes/base16-green-screen.css create mode 100644 tridactyl/themes/base16-gruvbox-dark-hard.css create mode 100644 tridactyl/themes/base16-gruvbox-dark-medium.css create mode 100644 tridactyl/themes/base16-gruvbox-dark-pale.css create mode 100644 tridactyl/themes/base16-gruvbox-dark-soft.css create mode 100644 tridactyl/themes/base16-gruvbox-light-hard.css create mode 100644 tridactyl/themes/base16-gruvbox-light-medium.css create mode 100644 tridactyl/themes/base16-gruvbox-light-soft.css create mode 100644 tridactyl/themes/base16-harmonic16-dark.css create mode 100644 tridactyl/themes/base16-harmonic16-light.css create mode 100644 tridactyl/themes/base16-hopscotch.css create mode 100644 tridactyl/themes/base16-ir-black.css create mode 100644 tridactyl/themes/base16-isotope.css create mode 100644 tridactyl/themes/base16-london-tube.css create mode 100644 tridactyl/themes/base16-macintosh.css create mode 100644 tridactyl/themes/base16-marrakesh.css create mode 100644 tridactyl/themes/base16-materia.css create mode 100644 tridactyl/themes/base16-mexico-light.css create mode 100644 tridactyl/themes/base16-mocha.css create mode 100644 tridactyl/themes/base16-monokai.css create mode 100644 tridactyl/themes/base16-nord.css create mode 100644 tridactyl/themes/base16-ocean.css create mode 100644 tridactyl/themes/base16-oceanicnext.css create mode 100644 tridactyl/themes/base16-onedark.css create mode 100644 tridactyl/themes/base16-paraiso.css create mode 100644 tridactyl/themes/base16-phd.css create mode 100644 tridactyl/themes/base16-pico.css create mode 100644 tridactyl/themes/base16-pop.css create mode 100644 tridactyl/themes/base16-railscasts.css create mode 100644 tridactyl/themes/base16-rebecca.css create mode 100644 tridactyl/themes/base16-seti-ui.css create mode 100644 tridactyl/themes/base16-shapeshifter.css create mode 100644 tridactyl/themes/base16-solar-flare.css create mode 100644 tridactyl/themes/base16-solarized-dark.css create mode 100644 tridactyl/themes/base16-solarized-light.css create mode 100644 tridactyl/themes/base16-spacemacs.css create mode 100644 tridactyl/themes/base16-summerfruit-dark.css create mode 100644 tridactyl/themes/base16-summerfruit-light.css create mode 100644 tridactyl/themes/base16-tomorrow-night.css create mode 100644 tridactyl/themes/base16-tomorrow.css create mode 100644 tridactyl/themes/base16-twilight.css create mode 100644 tridactyl/themes/base16-unikitty-dark.css create mode 100644 tridactyl/themes/base16-unikitty-light.css create mode 100644 tridactyl/themes/base16-woodland.css create mode 100644 tridactyl/themes/snazzy.css create mode 100644 tridactyl/tridactylrc diff --git a/alacritty/alacritty.yml b/alacritty/alacritty.yml index 93940f4..3533668 100644 --- a/alacritty/alacritty.yml +++ b/alacritty/alacritty.yml @@ -327,7 +327,7 @@ background_opacity: 0.70 #save_to_clipboard: false # Allow terminal applications to change Alacritty's window title. -dynamic_title: true +window.dynamic_title: true #cursor: # Cursor style @@ -355,7 +355,7 @@ dynamic_title: true # - (Linux/BSD) user login shell # - (Windows) powershell shell: - program: /bin/zsh + program: /bin/fish # args: # - --login diff --git a/awesome/README.org b/awesome/README.org new file mode 100644 index 0000000..da41168 --- /dev/null +++ b/awesome/README.org @@ -0,0 +1,2 @@ +#+TITLE: Readme +#+PROPERTY: header-args :tangle rc.lua diff --git a/awesome/rc.lua b/awesome/rc.lua index 934d6e6..aa11e2f 100644 --- a/awesome/rc.lua +++ b/awesome/rc.lua @@ -100,8 +100,8 @@ altkey = "Mod1" -- Table of layouts to cover with awful.layout.inc, order matters. awful.layout.layouts = { - awful.layout.suit.magnifier, awful.layout.suit.tile, + awful.layout.suit.magnifier, awful.layout.suit.floating, -- awful.layout.suit.tile.left, -- awful.layout.suit.tile.bottom, @@ -234,16 +234,16 @@ awful.screen.connect_for_each_screen(function(s) awful.tag({ "◉", "◉", "◉", "◉"}, s, awful.layout.layouts[1]) - yoffset = dpi(35) + yoffset = dpi(45) xoffset = dpi(18) mypanel = wibox ({ x = s.geometry.x + xoffset, y = s.geometry.height - yoffset, - height = dpi(25), + height = dpi(30), width = s.geometry.width - (xoffset * 2), - ontop = true, + ontop = false, stretch = false, type = "dock", screen = s, @@ -255,7 +255,7 @@ awful.screen.connect_for_each_screen(function(s) }) mypanel:struts { - bottom = dpi(30) + bottom = dpi(40) } -- Create a promptbox for each screen @@ -536,13 +536,13 @@ globalkeys = gears.table.join( -- Volume Keys awful.key({}, "XF86AudioLowerVolume", function () - awful.util.spawn("amixer set Master 5%-", false) + awful.util.spawn("amixer -D pulse sset Master 5%-", false) awful.util.spawn("mpv /home/chris/Music/notifications/Pop-709f8e26-a350-3999-9e86-aa91b8602650.mp3") awesome.emit_signal('widget::volume') awesome.emit_signal('module::volume_osd:show', true) end), awful.key({}, "XF86AudioRaiseVolume", function () - awful.util.spawn("amixer -q set Master 5%+", false) + awful.util.spawn("amixer -D pulse sset Master 5%+", false) awful.util.spawn("mpv /home/chris/Music/notifications/Pop-16da230f-5ffc-4a42-93df-a169e9253ddc.mp3") awesome.emit_signal('widget::volume') awesome.emit_signal('module::volume_osd:show', true) @@ -708,45 +708,28 @@ root.keys(globalkeys) -- {{{ Rules -- Rules to apply to new clients (through the "manage" signal). -ruled.client.append_rules { +ruled.client.append_rule { -- All clients will match this rule. - { rule = { }, - properties = { border_width = beautiful.border_width, - border_color = beautiful.border_normal, - focus = awful.client.focus.filter, - raise = true, - keys = clientkeys, - buttons = clientbuttons, - screen = awful.screen.preferred, - placement = awful.placement.no_overlap+awful.placement.no_offscreen - } - }, + rule = {}, + properties = { border_width = beautiful.border_width, + border_color = beautiful.border_normal, + focus = awful.client.focus.filter, + raise = true, + keys = clientkeys, + buttons = clientbuttons, + screen = awful.screen.preferred, + placement = awful.placement.no_overlap+awful.placement.no_offscreen + }, +} +ruled.client.append_rule { -- Floating clients. - { rule_any = { - instance = { - "DTA", -- Firefox addon DownThemAll. - "copyq", -- Includes session name in class. - "pinentry", - }, + rule_any = { class = { "Arandr", - "Blueman-manager", - "Gpick", - "Kruler", - "MessageWin", -- kalarm. - "Sxiv", - "Tor Browser", -- Needs a fixed window size to avoid fingerprinting by screen size. - "Wpa_gui", - "veromix", - "xtightvncviewer", - "mpv", - "gl", "Blender", - "feh"}, - - -- Note that the name property shown in xprop might be set slightly after creation of the client - -- and the name shown there might not match defined rules here. + "dolphin", + }, name = { "Event Tester", -- xev. "remove images?" -- darktable delete window. @@ -756,37 +739,36 @@ ruled.client.append_rules { "ConfigManager", -- Thunderbird's about:config. "pop-up", -- e.g. Google Chrome's (detached) Developer Tools. } - }, properties = { floating = true }}, - - -- Add titlebars to normal clients and dialogs - { rule_any = {type = { "normal", "dialog" } - }, properties = { titlebars_enabled = false} - }, - - -- Set Firefox to never have titlebars - { rule = { class = "Firefox" }, - properties = { requests_no_titlebar = true, titlebars_enabled = false } - }, - - -- Set Feh center - { rule = {class = "feh"}, - properties = { - placement = awful.placement.centered, - floating = true - }}, - { rule = {class = "FelgoLiveClient", "mpv"}, - properties = {floating = true, ontop = true} - } + }, + properties = { floating = true }, } ruled.client.append_rule { - rule = { class = 'mpv' }, + -- Add titlebars to normal clients and dialogs + rule_any = { type = { "normal", "dialog" } }, + properties = { titlebars_enabled = false}, +} + +ruled.client.append_rule { + -- Set Firefox to never have titlebars + rule = { class = "Firefox" }, + properties = { requests_no_titlebar = true, titlebars_enabled = false }, +} + +ruled.client.append_rule { + -- Set Feh center + rule = { class = "feh" }, properties = { - floating = true, placement = awful.placement.centered, - ontop = true, + floating = true }, } + +ruled.client.append_rule { + rule_any = { class = { "FelgoLiveClient", "mpv", "gl" } }, + properties = {floating = true, ontop = true}, +} + -- }}} -- {{{ Signals @@ -855,9 +837,12 @@ client.connect_signal("unfocus", function(c) c.border_color = beautiful.border_n -- Autostart Applications -awful.spawn.with_shell("picom") +awful.spawn.with_shell("picom --experimental-backend") awful.spawn.with_shell("libinput-gestures-setup start") awful.spawn.with_shell("flameshot") +awful.spawn.with_shell("xset r rate 220 90") awful.spawn.with_shell("feh --bg-fill ~/Pictures/wallpapers/RoyalKing.png") awful.spawn.with_shell("/usr/lib/polkit-kde-authentication-agent-1") awful.spawn.with_shell("emacs -daemon") +awful.spawn.with_shell("nextcloud --background") +awful.spawn.with_shell("caffeine") diff --git a/awesome/theme.lua b/awesome/theme.lua index f2cb7b7..d434907 100644 --- a/awesome/theme.lua +++ b/awesome/theme.lua @@ -31,7 +31,7 @@ theme.fg_minimize = "#e2e4e5" theme.red = "#ff5c57" -theme.useless_gap = dpi(8) +theme.useless_gap = dpi(16) theme.border_width = dpi(0) theme.border_normal = "#00000000" theme.border_focus = "#00000000" diff --git a/awesome/widget/volume/init.lua b/awesome/widget/volume/init.lua index e728e8b..1b57ff0 100644 --- a/awesome/widget/volume/init.lua +++ b/awesome/widget/volume/init.lua @@ -42,7 +42,7 @@ volume_slider:connect_signal( local volume_level = volume_slider:get_value() - spawn('amixer sset Master ' .. + spawn('amixer -D pulse sset Master ' .. volume_level .. '%', false ) @@ -88,7 +88,7 @@ volume_slider:buttons( local update_slider = function() awful.spawn.easy_async_with_shell( - [[bash -c "amixer get Master"]], + [[bash -c "amixer -D pulse sget Master"]], function(stdout) local volume = string.match(stdout, '(%d?%d?%d)%%') diff --git a/firefox/chrome/chrome/navbar_tabs_oneliner_tabs_on_left.css b/firefox/chrome/chrome/navbar_tabs_oneliner_tabs_on_left.css index aae6a3d..558a0ea 100644 --- a/firefox/chrome/chrome/navbar_tabs_oneliner_tabs_on_left.css +++ b/firefox/chrome/chrome/navbar_tabs_oneliner_tabs_on_left.css @@ -1,7 +1,7 @@ /* Modify these to change relative widths or default height */ -#navigator-toolbox{ --uc-navigationbar-width: 11vw; --uc-toolbar-height: 29px; --window-drag-space-width: 20px} +#navigator-toolbox{ --uc-navigationbar-width: -2vw; --uc-toolbar-height: 10px; --window-drag-space-width: 0px} /* Override for other densities */ -:root[uidensity="compact"] > #navigator-toolbox{ --uc-toolbar-height: 32px;} +:root[uidensity="compact"] > #navigator-toolbox{ --uc-toolbar-height: 22px;} :root[uidensity="touch"] > #navigator-toolbox{ --uc-toolbar-height: 40px; } /* prevent urlbar overflow on narrow windows */ @@ -16,7 +16,7 @@ #toolbar-menubar[inactive]{ margin-bottom: calc(0px - var(--uc-toolbar-height)); margin-left: 0px; - height: calc(--uc-toolbar-height) !important; + height: calc(var(--uc-toolbar-height) - 5) !important; } #TabsToolbar > .titlebar-buttonbox-container, @@ -24,27 +24,36 @@ .titlebar-spacer[type="post-tabs"]{ display: none; visibility: none; + max-height: 20px !important; max-width: 20px; } +#tabs-newtab-button { + visibility: hidden !important; +} + #TabsToolbar{ margin-right: calc(0px + var(--uc-navigationbar-width)); /* Remove empty space above tabs so that tabs are clickable at very top of screen */ margin-left: 10px; + margin-top: -20px !important; + max-height: 20px !important; + font-size: 13px !important; z-index: 10; } #toolbar-menubar[autohide="true"] > .titlebar-buttonbox-container, #tabbrowser-tabs, .tabbrowser-tab[pinned]{ - height: var(--uc-toolbar-height) !important; - min-height: var(--uc-toolbar-height) !important; margin-left: -10px; } .tabbrowser-tab[selected]{ min-width: 200px !important; - box-shadow: 0px 0px 15px 4px #111; - /*margin-top: -10px;*/ + max-width: 1600px !important; + max-height: 20px !important; + height: 20px !important; + min-height: 20px !important; + box-shadow: 0px 0px 6px 3px #111; } .tabbrowser-tab[pinned]{ @@ -52,6 +61,19 @@ min-width: 0px !important; } +.tabbrowser-tab{ + max-width: 70px !important; + min-width: 0px !important; +} + +.tab-throbber, .tab-throbber-tabslist, .tab-icon-pending, .tab-icon-image, .tab-sharing-icon-overlay .tab-icon-sound{ + max-height: 10px !important; + height: 10px !important; + min-height: 10px !important; + max-width: 10px !important; + align-self: center !important; +} + #nav-bar{ margin-left: calc(100vw - var(--uc-navigationbar-width)); margin-top: calc(0px - var(--uc-toolbar-height)); @@ -114,7 +136,7 @@ } #urlbar[breakout][breakout-extend] > #urlbar-input-container { - height: calc(var(--uc-toolbar-height) + 2 * 2px) !important; + height: calc(var(--uc-toolbar-height) + 12 * 2px) !important; padding-block: calc(2px + (var(--uc-toolbar-height) - var(--urlbar-height)) / 2); padding-inline: calc(5px + 2px); } @@ -127,4 +149,4 @@ } #PanelUI-button{ margin-top: -15px !important; -} \ No newline at end of file +} diff --git a/picom.conf b/picom.conf index bf6fed9..4e731e7 100644 --- a/picom.conf +++ b/picom.conf @@ -10,9 +10,8 @@ rounded-corners-exclude = [ "class_g = 'XTerm'", "class_g = 'kitty'", "class_g = 'Polybar'", - "class_g = 'code-oss'", #"class_g = 'TelegramDesktop'", - "class_g = 'firefox'", + # "class_g = 'firefox'", "class_g = 'Thunderbird'" ]; round-borders = 1; @@ -238,9 +237,9 @@ opacity-rule = [ blur: { # requires: https://github.com/ibhagwan/picom - method = "kawase"; + method = "dual_kawase"; #method = "kernel"; - strength = 10; + strength = 11; # deviation = 1.0; # kernel = "11x11gaussian"; background = false; diff --git a/rofi/launchers-git/blurry.rasi b/rofi/launchers-git/blurry.rasi index e787d79..b0eb602 100644 --- a/rofi/launchers-git/blurry.rasi +++ b/rofi/launchers-git/blurry.rasi @@ -1,3 +1,4 @@ +/*-*- mode: css; -*-*/ /* * * Author : Aditya Shakya (adi1090x) @@ -8,7 +9,7 @@ */ configuration { - font: "VictorMono Nerd Font 24.0"; + font: "VictorMono Nerd Font 18.0"; show-icons: true; icon-theme: "Papirus"; display-drun: ""; @@ -51,12 +52,13 @@ window { mainbox { border-radius: 35px; background-color: @background-color; + text-color: @foreground; transparency: "real"; } inputbar { background-color: @background-alt; - text-color: @transparent; + text-color: @foreground; expand: false; border-radius: 36px; margin: 0px 0px 0px 0px; @@ -68,6 +70,7 @@ prompt { enabled: true; padding: 0px 10px 0px 5px; background-color: @transparent; + text-color: @foreground; // font: "FantasqueSansMono Nerd Font 16"; border: 0px; } @@ -75,6 +78,7 @@ prompt { entry { background-color: @transparent; placeholder-color: @foreground; + text-color: @foreground; expand: true; horizontal-align: 0; // placeholder: "Search"; diff --git a/rofi/launchers-git/launcher.sh b/rofi/launchers-git/launcher.sh index a277807..05c0341 100755 --- a/rofi/launchers-git/launcher.sh +++ b/rofi/launchers-git/launcher.sh @@ -12,6 +12,6 @@ # gnome_do slingshot appdrawer appfolder column # row row_center screen row_dock row_dropdown -style="blurry_full" +style="blurry" rofi -no-lazy-grab -show drun -modi drun,window,calc,ssh,run,emoji -theme launchers-git/"$style".rasi diff --git a/todo.org b/todo.org new file mode 100644 index 0000000..31369cd --- /dev/null +++ b/todo.org @@ -0,0 +1 @@ +* Inbox diff --git a/tridactyl/themes/base16-3024.css b/tridactyl/themes/base16-3024.css new file mode 100644 index 0000000..c9990a8 --- /dev/null +++ b/tridactyl/themes/base16-3024.css @@ -0,0 +1,153 @@ +:root { /* 3024 by Chris Kempson (http://chriskempson.com) */ + --base00: #090300; + --base01: #3a3432; + --base02: #4a4543; + --base03: #5c5855; + --base04: #807d7c; + --base05: #a5a2a2; + --base06: #d6d5d4; + --base07: #f7f7f7; + --base08: #db2d20; + --base09: #e8bbd0; + --base0A: #fded02; + --base0B: #01a252; + --base0C: #b5e4f4; + --base0D: #01a0e4; + --base0E: #a16a94; + --base0F: #cdab53; + + --tridactyl-fg: var(--base05); + --tridactyl-bg: var(--base00); + --tridactyl-url-fg: var(--base08); + --tridactyl-url-bg: var(--base00); + --tridactyl-highlight-box-bg: var(--base0B); + --tridactyl-highlight-box-fg: var(--base00); + + /* Hint character tags */ + --tridactyl-hintspan-fg: var(--base00) !important; + --tridactyl-hintspan-bg: var(--base0A) !important; + + /* Element Highlights */ + --tridactyl-hint-active-fg: none; + --tridactyl-hint-active-bg: none; + --tridactyl-hint-active-outline: none; + --tridactyl-hint-bg: none; + --tridactyl-hint-outline: none; +} + +#command-line-holder { order: 1; + border: 2px solid var(--base0B); + color: var(--tridactyl-bg); +} + +#tridactyl-input { padding: 1rem; + color: var(--tridactyl-fg); + width: 90%; + font-size: 1.5rem; + line-height: 1.5; + background: var(--tridactyl-bg); + padding-left: unset; + padding: 1rem; +} + +#completions table { font-size: 0.8rem; + font-weight: 200; + border-spacing: 0; + table-layout: fixed; + padding: 1rem; + padding-top: 1rem; + padding-bottom: 1rem; +} + +#completions > div { max-height: calc(20 * var(--option-height)); + min-height: calc(10 * var(--option-height)); +} + +/* COMPLETIONS */ + +#completions { --option-height: 1.4em; + color: var(--tridactyl-fg); + background: var(--tridactyl-bg); + display: inline-block; + font-size: unset; + font-weight: 200; + overflow: hidden; + width: 100%; + border-top: unset; + order: 2; +} + +/* Olie doesn't know how CSS inheritance works */ +#completions .HistoryCompletionSource { max-height: unset; + min-height: unset; +} + +#completions .HistoryCompletionSource table { width: 100%; + font-size: 9pt; + border-spacing: 0; + table-layout: fixed; +} + +/* redundancy 2: redundancy 2: more redundancy */ +#completions .BmarkCompletionSource { max-height: unset; + min-height: unset; +} + +#completions table tr td.prefix,#completions table tr td.privatewindow,#completions table tr td.container,#completions table tr td.icon { display: none; +} + +#completions .BufferCompletionSource table { width: unset; + font-size: unset; + border-spacing: unset; + table-layout: unset; +} + +#completions table tr .title { width: 50%; +} + +#completions table tr { white-space: nowrap; + overflow: hidden; + text-overflow: ellipsis; +} + +#completions .sectionHeader { background: unset; + font-weight: 200; + border-bottom: unset; + padding: 1rem !important; + padding-left: unset; + padding-bottom: 0.2rem; +} + +#cmdline_iframe { position: fixed !important; + bottom: unset; + top: 25% !important; + left: 10% !important; + z-index: 2147483647 !important; + width: 80% !important; + box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 20px !important; +} + +.TridactylStatusIndicator { position: fixed !important; + bottom: 0 !important; + background: var(--tridactyl-bg) !important; + border: unset !important; + border: 1px var(--base0B) solid !important; + font-size: 12pt !important; + /*font-weight: 200 !important;*/ + padding: 0.8ex !important; +} + +#completions .focused { background: var(--base0B); + color: var(--base00); +} + +#completions .focused .url { background: var(--base0B); + color: var(--base00); +} +/* #Ocean-normal { */ +/* border-color: green !important; */ +/* } */ + +/* #Ocean-insert { */ +/* border-color: yellow !important; */ +/* } */ diff --git a/tridactyl/themes/base16-apathy.css b/tridactyl/themes/base16-apathy.css new file mode 100644 index 0000000..b409e49 --- /dev/null +++ b/tridactyl/themes/base16-apathy.css @@ -0,0 +1,153 @@ +:root { /* Apathy by Chris Kempson (http://chriskempson.com) */ + --base00: #031a16; + --base01: #0b342d; + --base02: #184e45; + --base03: #2b685e; + --base04: #5f9c92; + --base05: #81b5ac; + --base06: #a7cec8; + --base07: #d2e7e4; + --base08: #3e9688; + --base09: #3e7996; + --base0A: #3e4c96; + --base0B: #883e96; + --base0C: #963e4c; + --base0D: #96883e; + --base0E: #4c963e; + --base0F: #3e965b; + + --tridactyl-fg: var(--base05); + --tridactyl-bg: var(--base00); + --tridactyl-url-fg: var(--base08); + --tridactyl-url-bg: var(--base00); + --tridactyl-highlight-box-bg: var(--base0B); + --tridactyl-highlight-box-fg: var(--base00); + + /* Hint character tags */ + --tridactyl-hintspan-fg: var(--base00) !important; + --tridactyl-hintspan-bg: var(--base0A) !important; + + /* Element Highlights */ + --tridactyl-hint-active-fg: none; + --tridactyl-hint-active-bg: none; + --tridactyl-hint-active-outline: none; + --tridactyl-hint-bg: none; + --tridactyl-hint-outline: none; +} + +#command-line-holder { order: 1; + border: 2px solid var(--base0B); + color: var(--tridactyl-bg); +} + +#tridactyl-input { padding: 1rem; + color: var(--tridactyl-fg); + width: 90%; + font-size: 1.5rem; + line-height: 1.5; + background: var(--tridactyl-bg); + padding-left: unset; + padding: 1rem; +} + +#completions table { font-size: 0.8rem; + font-weight: 200; + border-spacing: 0; + table-layout: fixed; + padding: 1rem; + padding-top: 1rem; + padding-bottom: 1rem; +} + +#completions > div { max-height: calc(20 * var(--option-height)); + min-height: calc(10 * var(--option-height)); +} + +/* COMPLETIONS */ + +#completions { --option-height: 1.4em; + color: var(--tridactyl-fg); + background: var(--tridactyl-bg); + display: inline-block; + font-size: unset; + font-weight: 200; + overflow: hidden; + width: 100%; + border-top: unset; + order: 2; +} + +/* Olie doesn't know how CSS inheritance works */ +#completions .HistoryCompletionSource { max-height: unset; + min-height: unset; +} + +#completions .HistoryCompletionSource table { width: 100%; + font-size: 9pt; + border-spacing: 0; + table-layout: fixed; +} + +/* redundancy 2: redundancy 2: more redundancy */ +#completions .BmarkCompletionSource { max-height: unset; + min-height: unset; +} + +#completions table tr td.prefix,#completions table tr td.privatewindow,#completions table tr td.container,#completions table tr td.icon { display: none; +} + +#completions .BufferCompletionSource table { width: unset; + font-size: unset; + border-spacing: unset; + table-layout: unset; +} + +#completions table tr .title { width: 50%; +} + +#completions table tr { white-space: nowrap; + overflow: hidden; + text-overflow: ellipsis; +} + +#completions .sectionHeader { background: unset; + font-weight: 200; + border-bottom: unset; + padding: 1rem !important; + padding-left: unset; + padding-bottom: 0.2rem; +} + +#cmdline_iframe { position: fixed !important; + bottom: unset; + top: 25% !important; + left: 10% !important; + z-index: 2147483647 !important; + width: 80% !important; + box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 20px !important; +} + +.TridactylStatusIndicator { position: fixed !important; + bottom: 0 !important; + background: var(--tridactyl-bg) !important; + border: unset !important; + border: 1px var(--base0B) solid !important; + font-size: 12pt !important; + /*font-weight: 200 !important;*/ + padding: 0.8ex !important; +} + +#completions .focused { background: var(--base0B); + color: var(--base00); +} + +#completions .focused .url { background: var(--base0B); + color: var(--base00); +} +/* #Ocean-normal { */ +/* border-color: green !important; */ +/* } */ + +/* #Ocean-insert { */ +/* border-color: yellow !important; */ +/* } */ diff --git a/tridactyl/themes/base16-ashes.css b/tridactyl/themes/base16-ashes.css new file mode 100644 index 0000000..3bb1989 --- /dev/null +++ b/tridactyl/themes/base16-ashes.css @@ -0,0 +1,153 @@ +:root { /* Ashes by Chris Kempson (http://chriskempson.com) */ + --base00: #1c2023; + --base01: #393f45; + --base02: #565e65; + --base03: #747c84; + --base04: #adb3ba; + --base05: #c7ccd1; + --base06: #dfe2e5; + --base07: #f3f4f5; + --base08: #c7ae95; + --base09: #c7c795; + --base0A: #aec795; + --base0B: #95c7ae; + --base0C: #95aec7; + --base0D: #ae95c7; + --base0E: #c795ae; + --base0F: #c79595; + + --tridactyl-fg: var(--base05); + --tridactyl-bg: var(--base00); + --tridactyl-url-fg: var(--base08); + --tridactyl-url-bg: var(--base00); + --tridactyl-highlight-box-bg: var(--base0B); + --tridactyl-highlight-box-fg: var(--base00); + + /* Hint character tags */ + --tridactyl-hintspan-fg: var(--base00) !important; + --tridactyl-hintspan-bg: var(--base0A) !important; + + /* Element Highlights */ + --tridactyl-hint-active-fg: none; + --tridactyl-hint-active-bg: none; + --tridactyl-hint-active-outline: none; + --tridactyl-hint-bg: none; + --tridactyl-hint-outline: none; +} + +#command-line-holder { order: 1; + border: 2px solid var(--base0B); + color: var(--tridactyl-bg); +} + +#tridactyl-input { padding: 1rem; + color: var(--tridactyl-fg); + width: 90%; + font-size: 1.5rem; + line-height: 1.5; + background: var(--tridactyl-bg); + padding-left: unset; + padding: 1rem; +} + +#completions table { font-size: 0.8rem; + font-weight: 200; + border-spacing: 0; + table-layout: fixed; + padding: 1rem; + padding-top: 1rem; + padding-bottom: 1rem; +} + +#completions > div { max-height: calc(20 * var(--option-height)); + min-height: calc(10 * var(--option-height)); +} + +/* COMPLETIONS */ + +#completions { --option-height: 1.4em; + color: var(--tridactyl-fg); + background: var(--tridactyl-bg); + display: inline-block; + font-size: unset; + font-weight: 200; + overflow: hidden; + width: 100%; + border-top: unset; + order: 2; +} + +/* Olie doesn't know how CSS inheritance works */ +#completions .HistoryCompletionSource { max-height: unset; + min-height: unset; +} + +#completions .HistoryCompletionSource table { width: 100%; + font-size: 9pt; + border-spacing: 0; + table-layout: fixed; +} + +/* redundancy 2: redundancy 2: more redundancy */ +#completions .BmarkCompletionSource { max-height: unset; + min-height: unset; +} + +#completions table tr td.prefix,#completions table tr td.privatewindow,#completions table tr td.container,#completions table tr td.icon { display: none; +} + +#completions .BufferCompletionSource table { width: unset; + font-size: unset; + border-spacing: unset; + table-layout: unset; +} + +#completions table tr .title { width: 50%; +} + +#completions table tr { white-space: nowrap; + overflow: hidden; + text-overflow: ellipsis; +} + +#completions .sectionHeader { background: unset; + font-weight: 200; + border-bottom: unset; + padding: 1rem !important; + padding-left: unset; + padding-bottom: 0.2rem; +} + +#cmdline_iframe { position: fixed !important; + bottom: unset; + top: 25% !important; + left: 10% !important; + z-index: 2147483647 !important; + width: 80% !important; + box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 20px !important; +} + +.TridactylStatusIndicator { position: fixed !important; + bottom: 0 !important; + background: var(--tridactyl-bg) !important; + border: unset !important; + border: 1px var(--base0B) solid !important; + font-size: 12pt !important; + /*font-weight: 200 !important;*/ + padding: 0.8ex !important; +} + +#completions .focused { background: var(--base0B); + color: var(--base00); +} + +#completions .focused .url { background: var(--base0B); + color: var(--base00); +} +/* #Ocean-normal { */ +/* border-color: green !important; */ +/* } */ + +/* #Ocean-insert { */ +/* border-color: yellow !important; */ +/* } */ diff --git a/tridactyl/themes/base16-atelier-cave.css b/tridactyl/themes/base16-atelier-cave.css new file mode 100644 index 0000000..dd5cdf4 --- /dev/null +++ b/tridactyl/themes/base16-atelier-cave.css @@ -0,0 +1,153 @@ +:root { /* Atelier-cave by Chris Kempson (http://chriskempson.com) */ + --base00: #19171c; + --base01: #26232a; + --base02: #585260; + --base03: #655f6d; + --base04: #7e7887; + --base05: #8b8792; + --base06: #e2dfe7; + --base07: #efecf4; + --base08: #be4678; + --base09: #aa573c; + --base0A: #a06e3b; + --base0B: #2a9292; + --base0C: #398bc6; + --base0D: #576ddb; + --base0E: #955ae7; + --base0F: #bf40bf; + + --tridactyl-fg: var(--base05); + --tridactyl-bg: var(--base00); + --tridactyl-url-fg: var(--base08); + --tridactyl-url-bg: var(--base00); + --tridactyl-highlight-box-bg: var(--base0B); + --tridactyl-highlight-box-fg: var(--base00); + + /* Hint character tags */ + --tridactyl-hintspan-fg: var(--base00) !important; + --tridactyl-hintspan-bg: var(--base0A) !important; + + /* Element Highlights */ + --tridactyl-hint-active-fg: none; + --tridactyl-hint-active-bg: none; + --tridactyl-hint-active-outline: none; + --tridactyl-hint-bg: none; + --tridactyl-hint-outline: none; +} + +#command-line-holder { order: 1; + border: 2px solid var(--base0B); + color: var(--tridactyl-bg); +} + +#tridactyl-input { padding: 1rem; + color: var(--tridactyl-fg); + width: 90%; + font-size: 1.5rem; + line-height: 1.5; + background: var(--tridactyl-bg); + padding-left: unset; + padding: 1rem; +} + +#completions table { font-size: 0.8rem; + font-weight: 200; + border-spacing: 0; + table-layout: fixed; + padding: 1rem; + padding-top: 1rem; + padding-bottom: 1rem; +} + +#completions > div { max-height: calc(20 * var(--option-height)); + min-height: calc(10 * var(--option-height)); +} + +/* COMPLETIONS */ + +#completions { --option-height: 1.4em; + color: var(--tridactyl-fg); + background: var(--tridactyl-bg); + display: inline-block; + font-size: unset; + font-weight: 200; + overflow: hidden; + width: 100%; + border-top: unset; + order: 2; +} + +/* Olie doesn't know how CSS inheritance works */ +#completions .HistoryCompletionSource { max-height: unset; + min-height: unset; +} + +#completions .HistoryCompletionSource table { width: 100%; + font-size: 9pt; + border-spacing: 0; + table-layout: fixed; +} + +/* redundancy 2: redundancy 2: more redundancy */ +#completions .BmarkCompletionSource { max-height: unset; + min-height: unset; +} + +#completions table tr td.prefix,#completions table tr td.privatewindow,#completions table tr td.container,#completions table tr td.icon { display: none; +} + +#completions .BufferCompletionSource table { width: unset; + font-size: unset; + border-spacing: unset; + table-layout: unset; +} + +#completions table tr .title { width: 50%; +} + +#completions table tr { white-space: nowrap; + overflow: hidden; + text-overflow: ellipsis; +} + +#completions .sectionHeader { background: unset; + font-weight: 200; + border-bottom: unset; + padding: 1rem !important; + padding-left: unset; + padding-bottom: 0.2rem; +} + +#cmdline_iframe { position: fixed !important; + bottom: unset; + top: 25% !important; + left: 10% !important; + z-index: 2147483647 !important; + width: 80% !important; + box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 20px !important; +} + +.TridactylStatusIndicator { position: fixed !important; + bottom: 0 !important; + background: var(--tridactyl-bg) !important; + border: unset !important; + border: 1px var(--base0B) solid !important; + font-size: 12pt !important; + /*font-weight: 200 !important;*/ + padding: 0.8ex !important; +} + +#completions .focused { background: var(--base0B); + color: var(--base00); +} + +#completions .focused .url { background: var(--base0B); + color: var(--base00); +} +/* #Ocean-normal { */ +/* border-color: green !important; */ +/* } */ + +/* #Ocean-insert { */ +/* border-color: yellow !important; */ +/* } */ diff --git a/tridactyl/themes/base16-atelier-dune.css b/tridactyl/themes/base16-atelier-dune.css new file mode 100644 index 0000000..3f7615e --- /dev/null +++ b/tridactyl/themes/base16-atelier-dune.css @@ -0,0 +1,153 @@ +:root { /* Atelier-dune by Chris Kempson (http://chriskempson.com) */ + --base00: #20201d; + --base01: #292824; + --base02: #6e6b5e; + --base03: #7d7a68; + --base04: #999580; + --base05: #a6a28c; + --base06: #e8e4cf; + --base07: #fefbec; + --base08: #d73737; + --base09: #b65611; + --base0A: #ae9513; + --base0B: #60ac39; + --base0C: #1fad83; + --base0D: #6684e1; + --base0E: #b854d4; + --base0F: #d43552; + + --tridactyl-fg: var(--base05); + --tridactyl-bg: var(--base00); + --tridactyl-url-fg: var(--base08); + --tridactyl-url-bg: var(--base00); + --tridactyl-highlight-box-bg: var(--base0B); + --tridactyl-highlight-box-fg: var(--base00); + + /* Hint character tags */ + --tridactyl-hintspan-fg: var(--base00) !important; + --tridactyl-hintspan-bg: var(--base0A) !important; + + /* Element Highlights */ + --tridactyl-hint-active-fg: none; + --tridactyl-hint-active-bg: none; + --tridactyl-hint-active-outline: none; + --tridactyl-hint-bg: none; + --tridactyl-hint-outline: none; +} + +#command-line-holder { order: 1; + border: 2px solid var(--base0B); + color: var(--tridactyl-bg); +} + +#tridactyl-input { padding: 1rem; + color: var(--tridactyl-fg); + width: 90%; + font-size: 1.5rem; + line-height: 1.5; + background: var(--tridactyl-bg); + padding-left: unset; + padding: 1rem; +} + +#completions table { font-size: 0.8rem; + font-weight: 200; + border-spacing: 0; + table-layout: fixed; + padding: 1rem; + padding-top: 1rem; + padding-bottom: 1rem; +} + +#completions > div { max-height: calc(20 * var(--option-height)); + min-height: calc(10 * var(--option-height)); +} + +/* COMPLETIONS */ + +#completions { --option-height: 1.4em; + color: var(--tridactyl-fg); + background: var(--tridactyl-bg); + display: inline-block; + font-size: unset; + font-weight: 200; + overflow: hidden; + width: 100%; + border-top: unset; + order: 2; +} + +/* Olie doesn't know how CSS inheritance works */ +#completions .HistoryCompletionSource { max-height: unset; + min-height: unset; +} + +#completions .HistoryCompletionSource table { width: 100%; + font-size: 9pt; + border-spacing: 0; + table-layout: fixed; +} + +/* redundancy 2: redundancy 2: more redundancy */ +#completions .BmarkCompletionSource { max-height: unset; + min-height: unset; +} + +#completions table tr td.prefix,#completions table tr td.privatewindow,#completions table tr td.container,#completions table tr td.icon { display: none; +} + +#completions .BufferCompletionSource table { width: unset; + font-size: unset; + border-spacing: unset; + table-layout: unset; +} + +#completions table tr .title { width: 50%; +} + +#completions table tr { white-space: nowrap; + overflow: hidden; + text-overflow: ellipsis; +} + +#completions .sectionHeader { background: unset; + font-weight: 200; + border-bottom: unset; + padding: 1rem !important; + padding-left: unset; + padding-bottom: 0.2rem; +} + +#cmdline_iframe { position: fixed !important; + bottom: unset; + top: 25% !important; + left: 10% !important; + z-index: 2147483647 !important; + width: 80% !important; + box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 20px !important; +} + +.TridactylStatusIndicator { position: fixed !important; + bottom: 0 !important; + background: var(--tridactyl-bg) !important; + border: unset !important; + border: 1px var(--base0B) solid !important; + font-size: 12pt !important; + /*font-weight: 200 !important;*/ + padding: 0.8ex !important; +} + +#completions .focused { background: var(--base0B); + color: var(--base00); +} + +#completions .focused .url { background: var(--base0B); + color: var(--base00); +} +/* #Ocean-normal { */ +/* border-color: green !important; */ +/* } */ + +/* #Ocean-insert { */ +/* border-color: yellow !important; */ +/* } */ diff --git a/tridactyl/themes/base16-atelier-estuary.css b/tridactyl/themes/base16-atelier-estuary.css new file mode 100644 index 0000000..6137537 --- /dev/null +++ b/tridactyl/themes/base16-atelier-estuary.css @@ -0,0 +1,156 @@ +:root { /* Atelier-estuary by Chris Kempson (http://chriskempson.com) */ + --base00: #22221b; + --base01: #302f27; + --base02: #5f5e4e; + --base03: #6c6b5a; + --base04: #878573; + --base05: #929181; + --base06: #e7e6df; + --base07: #f4f3ec; + --base08: #ba6236; + --base09: #ae7313; + --base0A: #a5980d; + --base0B: #7d9726; + --base0C: #5b9d48; + --base0D: #36a166; + --base0E: #5f9182; + --base0F: #9d6c7c; + + --tridactyl-fg: var(--base05); + --tridactyl-bg: var(--base00); + --tridactyl-url-fg: var(--base08); + --tridactyl-url-bg: var(--base00); + --tridactyl-highlight-box-bg: var(--base0B); + --tridactyl-highlight-box-fg: var(--base00); + + /* Hint character tags */ + --tridactyl-hintspan-fg: var(--base00) !important; + --tridactyl-hintspan-bg: var(--base0A) !important; + + /* Element Highlights */ + --tridactyl-hint-active-fg: none; + --tridactyl-hint-active-bg: none; + --tridactyl-hint-active-outline: none; + --tridactyl-hint-bg: none; + --tridactyl-hint-outline: none; +} + +#command-line-holder { order: 1; + border: 2px solid var(--base0B); + color: var(--tridactyl-bg); +} + +#tridactyl-input { padding: 1rem; + color: var(--tridactyl-fg); + width: 90%; + font-size: 1.5rem; + line-height: 1.5; + background: var(--tridactyl-bg); + padding-left: unset; + padding: 1rem; +} + +#completions table { font-size: 0.8rem; + font-weight: 200; + border-spacing: 0; + table-layout: fixed; + padding: 1rem; + padding-top: 1rem; + padding-bottom: 1rem; +} + +#completions > div { max-height: calc(20 * var(--option-height)); + min-height: calc(10 * var(--option-height)); +} + +/* COMPLETIONS */ + +#completions { --option-height: 1.4em; + color: var(--tridactyl-fg); + background: var(--tridactyl-bg); + display: inline-block; + font-size: unset; + font-weight: 200; + overflow: hidden; + width: 100%; + border-top: unset; + order: 2; +} + +/* Olie doesn't know how CSS inheritance works */ +#completions .HistoryCompletionSource { max-height: unset; + min-height: unset; +} + + #completions + .HistoryCompletionSource + table { + width: 100%; + font-size: 9pt; + border-spacing: 0; + table-layout: fixed; +} + +/* redundancy 2: redundancy 2: more redundancy */ +#completions .BmarkCompletionSource { max-height: unset; + min-height: unset; +} + +#completions table tr td.prefix,#completions table tr td.privatewindow,#completions table tr td.container,#completions table tr td.icon { display: none; +} + +#completions .BufferCompletionSource table { width: unset; + font-size: unset; + border-spacing: unset; + table-layout: unset; +} + +#completions table tr .title { width: 50%; +} + +#completions table tr { white-space: nowrap; + overflow: hidden; + text-overflow: ellipsis; +} + +#completions .sectionHeader { background: unset; + font-weight: 200; + border-bottom: unset; + padding: 1rem !important; + padding-left: unset; + padding-bottom: 0.2rem; +} + +#cmdline_iframe { position: fixed !important; + bottom: unset; + top: 25% !important; + left: 10% !important; + z-index: 2147483647 !important; + width: 80% !important; + box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 20px !important; +} + +.TridactylStatusIndicator { position: fixed !important; + bottom: 0 !important; + background: var(--tridactyl-bg) !important; + border: unset !important; + border: 1px var(--base0B) solid !important; + font-size: 12pt !important; + /*font-weight: 200 !important;*/ + padding: 0.8ex !important; +} + +#completions .focused { background: var(--base0B); + color: var(--base00); +} + +#completions .focused .url { background: var(--base0B); + color: var(--base00); +} +/* #Ocean-normal { */ +/* border-color: green !important; */ +/* } */ + +/* #Ocean-insert { */ +/* border-color: yellow !important; */ +/* } */ diff --git a/tridactyl/themes/base16-atelier-forest.css b/tridactyl/themes/base16-atelier-forest.css new file mode 100644 index 0000000..07af943 --- /dev/null +++ b/tridactyl/themes/base16-atelier-forest.css @@ -0,0 +1,153 @@ +:root { /* Atelier-forest by Chris Kempson (http://chriskempson.com) */ + --base00: #1b1918; + --base01: #2c2421; + --base02: #68615e; + --base03: #766e6b; + --base04: #9c9491; + --base05: #a8a19f; + --base06: #e6e2e0; + --base07: #f1efee; + --base08: #f22c40; + --base09: #df5320; + --base0A: #c38418; + --base0B: #7b9726; + --base0C: #3d97b8; + --base0D: #407ee7; + --base0E: #6666ea; + --base0F: #c33ff3; + + --tridactyl-fg: var(--base05); + --tridactyl-bg: var(--base00); + --tridactyl-url-fg: var(--base08); + --tridactyl-url-bg: var(--base00); + --tridactyl-highlight-box-bg: var(--base0B); + --tridactyl-highlight-box-fg: var(--base00); + + /* Hint character tags */ + --tridactyl-hintspan-fg: var(--base00) !important; + --tridactyl-hintspan-bg: var(--base0A) !important; + + /* Element Highlights */ + --tridactyl-hint-active-fg: none; + --tridactyl-hint-active-bg: none; + --tridactyl-hint-active-outline: none; + --tridactyl-hint-bg: none; + --tridactyl-hint-outline: none; +} + +#command-line-holder { order: 1; + border: 2px solid var(--base0B); + color: var(--tridactyl-bg); +} + +#tridactyl-input { padding: 1rem; + color: var(--tridactyl-fg); + width: 90%; + font-size: 1.5rem; + line-height: 1.5; + background: var(--tridactyl-bg); + padding-left: unset; + padding: 1rem; +} + +#completions table { font-size: 0.8rem; + font-weight: 200; + border-spacing: 0; + table-layout: fixed; + padding: 1rem; + padding-top: 1rem; + padding-bottom: 1rem; +} + +#completions > div { max-height: calc(20 * var(--option-height)); + min-height: calc(10 * var(--option-height)); +} + +/* COMPLETIONS */ + +#completions { --option-height: 1.4em; + color: var(--tridactyl-fg); + background: var(--tridactyl-bg); + display: inline-block; + font-size: unset; + font-weight: 200; + overflow: hidden; + width: 100%; + border-top: unset; + order: 2; +} + +/* Olie doesn't know how CSS inheritance works */ +#completions .HistoryCompletionSource { max-height: unset; + min-height: unset; +} + +#completions .HistoryCompletionSource table { width: 100%; + font-size: 9pt; + border-spacing: 0; + table-layout: fixed; +} + +/* redundancy 2: redundancy 2: more redundancy */ +#completions .BmarkCompletionSource { max-height: unset; + min-height: unset; +} + +#completions table tr td.prefix,#completions table tr td.privatewindow,#completions table tr td.container,#completions table tr td.icon { display: none; +} + +#completions .BufferCompletionSource table { width: unset; + font-size: unset; + border-spacing: unset; + table-layout: unset; +} + +#completions table tr .title { width: 50%; +} + +#completions table tr { white-space: nowrap; + overflow: hidden; + text-overflow: ellipsis; +} + +#completions .sectionHeader { background: unset; + font-weight: 200; + border-bottom: unset; + padding: 1rem !important; + padding-left: unset; + padding-bottom: 0.2rem; +} + +#cmdline_iframe { position: fixed !important; + bottom: unset; + top: 25% !important; + left: 10% !important; + z-index: 2147483647 !important; + width: 80% !important; + box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 20px !important; +} + +.TridactylStatusIndicator { position: fixed !important; + bottom: 0 !important; + background: var(--tridactyl-bg) !important; + border: unset !important; + border: 1px var(--base0B) solid !important; + font-size: 12pt !important; + /*font-weight: 200 !important;*/ + padding: 0.8ex !important; +} + +#completions .focused { background: var(--base0B); + color: var(--base00); +} + +#completions .focused .url { background: var(--base0B); + color: var(--base00); +} +/* #Ocean-normal { */ +/* border-color: green !important; */ +/* } */ + +/* #Ocean-insert { */ +/* border-color: yellow !important; */ +/* } */ diff --git a/tridactyl/themes/base16-atelier-heath.css b/tridactyl/themes/base16-atelier-heath.css new file mode 100644 index 0000000..15edbc7 --- /dev/null +++ b/tridactyl/themes/base16-atelier-heath.css @@ -0,0 +1,153 @@ +:root { /* Atelier-heath by Chris Kempson (http://chriskempson.com) */ + --base00: #1b181b; + --base01: #292329; + --base02: #695d69; + --base03: #776977; + --base04: #9e8f9e; + --base05: #ab9bab; + --base06: #d8cad8; + --base07: #f7f3f7; + --base08: #ca402b; + --base09: #a65926; + --base0A: #bb8a35; + --base0B: #918b3b; + --base0C: #159393; + --base0D: #516aec; + --base0E: #7b59c0; + --base0F: #cc33cc; + + --tridactyl-fg: var(--base05); + --tridactyl-bg: var(--base00); + --tridactyl-url-fg: var(--base08); + --tridactyl-url-bg: var(--base00); + --tridactyl-highlight-box-bg: var(--base0B); + --tridactyl-highlight-box-fg: var(--base00); + + /* Hint character tags */ + --tridactyl-hintspan-fg: var(--base00) !important; + --tridactyl-hintspan-bg: var(--base0A) !important; + + /* Element Highlights */ + --tridactyl-hint-active-fg: none; + --tridactyl-hint-active-bg: none; + --tridactyl-hint-active-outline: none; + --tridactyl-hint-bg: none; + --tridactyl-hint-outline: none; +} + +#command-line-holder { order: 1; + border: 2px solid var(--base0B); + color: var(--tridactyl-bg); +} + +#tridactyl-input { padding: 1rem; + color: var(--tridactyl-fg); + width: 90%; + font-size: 1.5rem; + line-height: 1.5; + background: var(--tridactyl-bg); + padding-left: unset; + padding: 1rem; +} + +#completions table { font-size: 0.8rem; + font-weight: 200; + border-spacing: 0; + table-layout: fixed; + padding: 1rem; + padding-top: 1rem; + padding-bottom: 1rem; +} + +#completions > div { max-height: calc(20 * var(--option-height)); + min-height: calc(10 * var(--option-height)); +} + +/* COMPLETIONS */ + +#completions { --option-height: 1.4em; + color: var(--tridactyl-fg); + background: var(--tridactyl-bg); + display: inline-block; + font-size: unset; + font-weight: 200; + overflow: hidden; + width: 100%; + border-top: unset; + order: 2; +} + +/* Olie doesn't know how CSS inheritance works */ +#completions .HistoryCompletionSource { max-height: unset; + min-height: unset; +} + +#completions .HistoryCompletionSource table { width: 100%; + font-size: 9pt; + border-spacing: 0; + table-layout: fixed; +} + +/* redundancy 2: redundancy 2: more redundancy */ +#completions .BmarkCompletionSource { max-height: unset; + min-height: unset; +} + +#completions table tr td.prefix,#completions table tr td.privatewindow,#completions table tr td.container,#completions table tr td.icon { display: none; +} + +#completions .BufferCompletionSource table { width: unset; + font-size: unset; + border-spacing: unset; + table-layout: unset; +} + +#completions table tr .title { width: 50%; +} + +#completions table tr { white-space: nowrap; + overflow: hidden; + text-overflow: ellipsis; +} + +#completions .sectionHeader { background: unset; + font-weight: 200; + border-bottom: unset; + padding: 1rem !important; + padding-left: unset; + padding-bottom: 0.2rem; +} + +#cmdline_iframe { position: fixed !important; + bottom: unset; + top: 25% !important; + left: 10% !important; + z-index: 2147483647 !important; + width: 80% !important; + box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 20px !important; +} + +.TridactylStatusIndicator { position: fixed !important; + bottom: 0 !important; + background: var(--tridactyl-bg) !important; + border: unset !important; + border: 1px var(--base0B) solid !important; + font-size: 12pt !important; + /*font-weight: 200 !important;*/ + padding: 0.8ex !important; +} + +#completions .focused { background: var(--base0B); + color: var(--base00); +} + +#completions .focused .url { background: var(--base0B); + color: var(--base00); +} +/* #Ocean-normal { */ +/* border-color: green !important; */ +/* } */ + +/* #Ocean-insert { */ +/* border-color: yellow !important; */ +/* } */ diff --git a/tridactyl/themes/base16-atelier-lakeside.css b/tridactyl/themes/base16-atelier-lakeside.css new file mode 100644 index 0000000..7308747 --- /dev/null +++ b/tridactyl/themes/base16-atelier-lakeside.css @@ -0,0 +1,159 @@ +:root { /* Atelier-lakeside by Chris Kempson (http://chriskempson.com) */ + --base00: #161b1d; + --base01: #1f292e; + --base02: #516d7b; + --base03: #5a7b8c; + --base04: #7195a8; + --base05: #7ea2b4; + --base06: #c1e4f6; + --base07: #ebf8ff; + --base08: #d22d72; + --base09: #935c25; + --base0A: #8a8a0f; + --base0B: #568c3b; + --base0C: #2d8f6f; + --base0D: #257fad; + --base0E: #6b6bb8; + --base0F: #b72dd2; + + --tridactyl-fg: var(--base05); + --tridactyl-bg: var(--base00); + --tridactyl-url-fg: var(--base08); + --tridactyl-url-bg: var(--base00); + --tridactyl-highlight-box-bg: var(--base0B); + --tridactyl-highlight-box-fg: var(--base00); + + /* Hint character tags */ + --tridactyl-hintspan-fg: var(--base00) !important; + --tridactyl-hintspan-bg: var(--base0A) !important; + + /* Element Highlights */ + --tridactyl-hint-active-fg: none; + --tridactyl-hint-active-bg: none; + --tridactyl-hint-active-outline: none; + --tridactyl-hint-bg: none; + --tridactyl-hint-outline: none; +} + +#command-line-holder { order: 1; + border: 2px solid var(--base0B); + color: var(--tridactyl-bg); +} + +#tridactyl-input { padding: 1rem; + color: var(--tridactyl-fg); + width: 90%; + font-size: 1.5rem; + line-height: 1.5; + background: var(--tridactyl-bg); + padding-left: unset; + padding: 1rem; +} + +#completions table { font-size: 0.8rem; + font-weight: 200; + border-spacing: 0; + table-layout: fixed; + padding: 1rem; + padding-top: 1rem; + padding-bottom: 1rem; +} + +#completions > div { max-height: calc(20 * var(--option-height)); + min-height: calc(10 * var(--option-height)); +} + +/* COMPLETIONS */ + +#completions { --option-height: 1.4em; + color: var(--tridactyl-fg); + background: var(--tridactyl-bg); + display: inline-block; + font-size: unset; + font-weight: 200; + overflow: hidden; + width: 100%; + border-top: unset; + order: 2; +} + +/* Olie doesn't know how CSS inheritance works */ +#completions .HistoryCompletionSource { max-height: unset; + min-height: unset; +} + + #completions + .HistoryCompletionSource + table { + width: 100%; + font-size: 9pt; + border-spacing: 0; + table-layout: fixed; +} + +/* redundancy 2: redundancy 2: more redundancy */ +#completions .BmarkCompletionSource { max-height: unset; + min-height: unset; +} + +#completions table tr td.prefix,#completions table tr td.privatewindow,#completions table tr td.container,#completions table tr td.icon { display: none; +} + + #completions + .BufferCompletionSource + table { + width: unset; + font-size: unset; + border-spacing: unset; + table-layout: unset; +} + +#completions table tr .title { width: 50%; +} + +#completions table tr { white-space: nowrap; + overflow: hidden; + text-overflow: ellipsis; +} + +#completions .sectionHeader { background: unset; + font-weight: 200; + border-bottom: unset; + padding: 1rem !important; + padding-left: unset; + padding-bottom: 0.2rem; +} + +#cmdline_iframe { position: fixed !important; + bottom: unset; + top: 25% !important; + left: 10% !important; + z-index: 2147483647 !important; + width: 80% !important; + box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 20px !important; +} + +.TridactylStatusIndicator { position: fixed !important; + bottom: 0 !important; + background: var(--tridactyl-bg) !important; + border: unset !important; + border: 1px var(--base0B) solid !important; + font-size: 12pt !important; + /*font-weight: 200 !important;*/ + padding: 0.8ex !important; +} + +#completions .focused { background: var(--base0B); + color: var(--base00); +} + +#completions .focused .url { background: var(--base0B); + color: var(--base00); +} +/* #Ocean-normal { */ +/* border-color: green !important; */ +/* } */ + +/* #Ocean-insert { */ +/* border-color: yellow !important; */ +/* } */ diff --git a/tridactyl/themes/base16-atelier-plateau.css b/tridactyl/themes/base16-atelier-plateau.css new file mode 100644 index 0000000..7e4f545 --- /dev/null +++ b/tridactyl/themes/base16-atelier-plateau.css @@ -0,0 +1,156 @@ +:root { /* Atelier-plateau by Chris Kempson (http://chriskempson.com) */ + --base00: #1b1818; + --base01: #292424; + --base02: #585050; + --base03: #655d5d; + --base04: #7e7777; + --base05: #8a8585; + --base06: #e7dfdf; + --base07: #f4ecec; + --base08: #ca4949; + --base09: #b45a3c; + --base0A: #a06e3b; + --base0B: #4b8b8b; + --base0C: #5485b6; + --base0D: #7272ca; + --base0E: #8464c4; + --base0F: #bd5187; + + --tridactyl-fg: var(--base05); + --tridactyl-bg: var(--base00); + --tridactyl-url-fg: var(--base08); + --tridactyl-url-bg: var(--base00); + --tridactyl-highlight-box-bg: var(--base0B); + --tridactyl-highlight-box-fg: var(--base00); + + /* Hint character tags */ + --tridactyl-hintspan-fg: var(--base00) !important; + --tridactyl-hintspan-bg: var(--base0A) !important; + + /* Element Highlights */ + --tridactyl-hint-active-fg: none; + --tridactyl-hint-active-bg: none; + --tridactyl-hint-active-outline: none; + --tridactyl-hint-bg: none; + --tridactyl-hint-outline: none; +} + +#command-line-holder { order: 1; + border: 2px solid var(--base0B); + color: var(--tridactyl-bg); +} + +#tridactyl-input { padding: 1rem; + color: var(--tridactyl-fg); + width: 90%; + font-size: 1.5rem; + line-height: 1.5; + background: var(--tridactyl-bg); + padding-left: unset; + padding: 1rem; +} + +#completions table { font-size: 0.8rem; + font-weight: 200; + border-spacing: 0; + table-layout: fixed; + padding: 1rem; + padding-top: 1rem; + padding-bottom: 1rem; +} + +#completions > div { max-height: calc(20 * var(--option-height)); + min-height: calc(10 * var(--option-height)); +} + +/* COMPLETIONS */ + +#completions { --option-height: 1.4em; + color: var(--tridactyl-fg); + background: var(--tridactyl-bg); + display: inline-block; + font-size: unset; + font-weight: 200; + overflow: hidden; + width: 100%; + border-top: unset; + order: 2; +} + +/* Olie doesn't know how CSS inheritance works */ +#completions .HistoryCompletionSource { max-height: unset; + min-height: unset; +} + + #completions + .HistoryCompletionSource + table { + width: 100%; + font-size: 9pt; + border-spacing: 0; + table-layout: fixed; +} + +/* redundancy 2: redundancy 2: more redundancy */ +#completions .BmarkCompletionSource { max-height: unset; + min-height: unset; +} + +#completions table tr td.prefix,#completions table tr td.privatewindow,#completions table tr td.container,#completions table tr td.icon { display: none; +} + +#completions .BufferCompletionSource table { width: unset; + font-size: unset; + border-spacing: unset; + table-layout: unset; +} + +#completions table tr .title { width: 50%; +} + +#completions table tr { white-space: nowrap; + overflow: hidden; + text-overflow: ellipsis; +} + +#completions .sectionHeader { background: unset; + font-weight: 200; + border-bottom: unset; + padding: 1rem !important; + padding-left: unset; + padding-bottom: 0.2rem; +} + +#cmdline_iframe { position: fixed !important; + bottom: unset; + top: 25% !important; + left: 10% !important; + z-index: 2147483647 !important; + width: 80% !important; + box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 20px !important; +} + +.TridactylStatusIndicator { position: fixed !important; + bottom: 0 !important; + background: var(--tridactyl-bg) !important; + border: unset !important; + border: 1px var(--base0B) solid !important; + font-size: 12pt !important; + /*font-weight: 200 !important;*/ + padding: 0.8ex !important; +} + +#completions .focused { background: var(--base0B); + color: var(--base00); +} + +#completions .focused .url { background: var(--base0B); + color: var(--base00); +} +/* #Ocean-normal { */ +/* border-color: green !important; */ +/* } */ + +/* #Ocean-insert { */ +/* border-color: yellow !important; */ +/* } */ diff --git a/tridactyl/themes/base16-atelier-savanna.css b/tridactyl/themes/base16-atelier-savanna.css new file mode 100644 index 0000000..3e8e3e7 --- /dev/null +++ b/tridactyl/themes/base16-atelier-savanna.css @@ -0,0 +1,156 @@ +:root { /* Atelier-savanna by Chris Kempson (http://chriskempson.com) */ + --base00: #171c19; + --base01: #232a25; + --base02: #526057; + --base03: #5f6d64; + --base04: #78877d; + --base05: #87928a; + --base06: #dfe7e2; + --base07: #ecf4ee; + --base08: #b16139; + --base09: #9f713c; + --base0A: #a07e3b; + --base0B: #489963; + --base0C: #1c9aa0; + --base0D: #478c90; + --base0E: #55859b; + --base0F: #867469; + + --tridactyl-fg: var(--base05); + --tridactyl-bg: var(--base00); + --tridactyl-url-fg: var(--base08); + --tridactyl-url-bg: var(--base00); + --tridactyl-highlight-box-bg: var(--base0B); + --tridactyl-highlight-box-fg: var(--base00); + + /* Hint character tags */ + --tridactyl-hintspan-fg: var(--base00) !important; + --tridactyl-hintspan-bg: var(--base0A) !important; + + /* Element Highlights */ + --tridactyl-hint-active-fg: none; + --tridactyl-hint-active-bg: none; + --tridactyl-hint-active-outline: none; + --tridactyl-hint-bg: none; + --tridactyl-hint-outline: none; +} + +#command-line-holder { order: 1; + border: 2px solid var(--base0B); + color: var(--tridactyl-bg); +} + +#tridactyl-input { padding: 1rem; + color: var(--tridactyl-fg); + width: 90%; + font-size: 1.5rem; + line-height: 1.5; + background: var(--tridactyl-bg); + padding-left: unset; + padding: 1rem; +} + +#completions table { font-size: 0.8rem; + font-weight: 200; + border-spacing: 0; + table-layout: fixed; + padding: 1rem; + padding-top: 1rem; + padding-bottom: 1rem; +} + +#completions > div { max-height: calc(20 * var(--option-height)); + min-height: calc(10 * var(--option-height)); +} + +/* COMPLETIONS */ + +#completions { --option-height: 1.4em; + color: var(--tridactyl-fg); + background: var(--tridactyl-bg); + display: inline-block; + font-size: unset; + font-weight: 200; + overflow: hidden; + width: 100%; + border-top: unset; + order: 2; +} + +/* Olie doesn't know how CSS inheritance works */ +#completions .HistoryCompletionSource { max-height: unset; + min-height: unset; +} + + #completions + .HistoryCompletionSource + table { + width: 100%; + font-size: 9pt; + border-spacing: 0; + table-layout: fixed; +} + +/* redundancy 2: redundancy 2: more redundancy */ +#completions .BmarkCompletionSource { max-height: unset; + min-height: unset; +} + +#completions table tr td.prefix,#completions table tr td.privatewindow,#completions table tr td.container,#completions table tr td.icon { display: none; +} + +#completions .BufferCompletionSource table { width: unset; + font-size: unset; + border-spacing: unset; + table-layout: unset; +} + +#completions table tr .title { width: 50%; +} + +#completions table tr { white-space: nowrap; + overflow: hidden; + text-overflow: ellipsis; +} + +#completions .sectionHeader { background: unset; + font-weight: 200; + border-bottom: unset; + padding: 1rem !important; + padding-left: unset; + padding-bottom: 0.2rem; +} + +#cmdline_iframe { position: fixed !important; + bottom: unset; + top: 25% !important; + left: 10% !important; + z-index: 2147483647 !important; + width: 80% !important; + box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 20px !important; +} + +.TridactylStatusIndicator { position: fixed !important; + bottom: 0 !important; + background: var(--tridactyl-bg) !important; + border: unset !important; + border: 1px var(--base0B) solid !important; + font-size: 12pt !important; + /*font-weight: 200 !important;*/ + padding: 0.8ex !important; +} + +#completions .focused { background: var(--base0B); + color: var(--base00); +} + +#completions .focused .url { background: var(--base0B); + color: var(--base00); +} +/* #Ocean-normal { */ +/* border-color: green !important; */ +/* } */ + +/* #Ocean-insert { */ +/* border-color: yellow !important; */ +/* } */ diff --git a/tridactyl/themes/base16-atelier-seaside.css b/tridactyl/themes/base16-atelier-seaside.css new file mode 100644 index 0000000..7a519e4 --- /dev/null +++ b/tridactyl/themes/base16-atelier-seaside.css @@ -0,0 +1,156 @@ +:root { /* Atelier-seaside by Chris Kempson (http://chriskempson.com) */ + --base00: #131513; + --base01: #242924; + --base02: #5e6e5e; + --base03: #687d68; + --base04: #809980; + --base05: #8ca68c; + --base06: #cfe8cf; + --base07: #f4fbf4; + --base08: #e6193c; + --base09: #87711d; + --base0A: #98981b; + --base0B: #29a329; + --base0C: #1999b3; + --base0D: #3d62f5; + --base0E: #ad2bee; + --base0F: #e619c3; + + --tridactyl-fg: var(--base05); + --tridactyl-bg: var(--base00); + --tridactyl-url-fg: var(--base08); + --tridactyl-url-bg: var(--base00); + --tridactyl-highlight-box-bg: var(--base0B); + --tridactyl-highlight-box-fg: var(--base00); + + /* Hint character tags */ + --tridactyl-hintspan-fg: var(--base00) !important; + --tridactyl-hintspan-bg: var(--base0A) !important; + + /* Element Highlights */ + --tridactyl-hint-active-fg: none; + --tridactyl-hint-active-bg: none; + --tridactyl-hint-active-outline: none; + --tridactyl-hint-bg: none; + --tridactyl-hint-outline: none; +} + +#command-line-holder { order: 1; + border: 2px solid var(--base0B); + color: var(--tridactyl-bg); +} + +#tridactyl-input { padding: 1rem; + color: var(--tridactyl-fg); + width: 90%; + font-size: 1.5rem; + line-height: 1.5; + background: var(--tridactyl-bg); + padding-left: unset; + padding: 1rem; +} + +#completions table { font-size: 0.8rem; + font-weight: 200; + border-spacing: 0; + table-layout: fixed; + padding: 1rem; + padding-top: 1rem; + padding-bottom: 1rem; +} + +#completions > div { max-height: calc(20 * var(--option-height)); + min-height: calc(10 * var(--option-height)); +} + +/* COMPLETIONS */ + +#completions { --option-height: 1.4em; + color: var(--tridactyl-fg); + background: var(--tridactyl-bg); + display: inline-block; + font-size: unset; + font-weight: 200; + overflow: hidden; + width: 100%; + border-top: unset; + order: 2; +} + +/* Olie doesn't know how CSS inheritance works */ +#completions .HistoryCompletionSource { max-height: unset; + min-height: unset; +} + + #completions + .HistoryCompletionSource + table { + width: 100%; + font-size: 9pt; + border-spacing: 0; + table-layout: fixed; +} + +/* redundancy 2: redundancy 2: more redundancy */ +#completions .BmarkCompletionSource { max-height: unset; + min-height: unset; +} + +#completions table tr td.prefix,#completions table tr td.privatewindow,#completions table tr td.container,#completions table tr td.icon { display: none; +} + +#completions .BufferCompletionSource table { width: unset; + font-size: unset; + border-spacing: unset; + table-layout: unset; +} + +#completions table tr .title { width: 50%; +} + +#completions table tr { white-space: nowrap; + overflow: hidden; + text-overflow: ellipsis; +} + +#completions .sectionHeader { background: unset; + font-weight: 200; + border-bottom: unset; + padding: 1rem !important; + padding-left: unset; + padding-bottom: 0.2rem; +} + +#cmdline_iframe { position: fixed !important; + bottom: unset; + top: 25% !important; + left: 10% !important; + z-index: 2147483647 !important; + width: 80% !important; + box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 20px !important; +} + +.TridactylStatusIndicator { position: fixed !important; + bottom: 0 !important; + background: var(--tridactyl-bg) !important; + border: unset !important; + border: 1px var(--base0B) solid !important; + font-size: 12pt !important; + /*font-weight: 200 !important;*/ + padding: 0.8ex !important; +} + +#completions .focused { background: var(--base0B); + color: var(--base00); +} + +#completions .focused .url { background: var(--base0B); + color: var(--base00); +} +/* #Ocean-normal { */ +/* border-color: green !important; */ +/* } */ + +/* #Ocean-insert { */ +/* border-color: yellow !important; */ +/* } */ diff --git a/tridactyl/themes/base16-atelier-sulphurpool.css b/tridactyl/themes/base16-atelier-sulphurpool.css new file mode 100644 index 0000000..e60307f --- /dev/null +++ b/tridactyl/themes/base16-atelier-sulphurpool.css @@ -0,0 +1,159 @@ +:root { /* Atelier-sulphurpool by Chris Kempson (http://chriskempson.com) */ + --base00: #202746; + --base01: #293256; + --base02: #5e6687; + --base03: #6b7394; + --base04: #898ea4; + --base05: #979db4; + --base06: #dfe2f1; + --base07: #f5f7ff; + --base08: #c94922; + --base09: #c76b29; + --base0A: #c08b30; + --base0B: #ac9739; + --base0C: #22a2c9; + --base0D: #3d8fd1; + --base0E: #6679cc; + --base0F: #9c637a; + + --tridactyl-fg: var(--base05); + --tridactyl-bg: var(--base00); + --tridactyl-url-fg: var(--base08); + --tridactyl-url-bg: var(--base00); + --tridactyl-highlight-box-bg: var(--base0B); + --tridactyl-highlight-box-fg: var(--base00); + + /* Hint character tags */ + --tridactyl-hintspan-fg: var(--base00) !important; + --tridactyl-hintspan-bg: var(--base0A) !important; + + /* Element Highlights */ + --tridactyl-hint-active-fg: none; + --tridactyl-hint-active-bg: none; + --tridactyl-hint-active-outline: none; + --tridactyl-hint-bg: none; + --tridactyl-hint-outline: none; +} + +#command-line-holder { order: 1; + border: 2px solid var(--base0B); + color: var(--tridactyl-bg); +} + +#tridactyl-input { padding: 1rem; + color: var(--tridactyl-fg); + width: 90%; + font-size: 1.5rem; + line-height: 1.5; + background: var(--tridactyl-bg); + padding-left: unset; + padding: 1rem; +} + +#completions table { font-size: 0.8rem; + font-weight: 200; + border-spacing: 0; + table-layout: fixed; + padding: 1rem; + padding-top: 1rem; + padding-bottom: 1rem; +} + +#completions > div { max-height: calc(20 * var(--option-height)); + min-height: calc(10 * var(--option-height)); +} + +/* COMPLETIONS */ + +#completions { --option-height: 1.4em; + color: var(--tridactyl-fg); + background: var(--tridactyl-bg); + display: inline-block; + font-size: unset; + font-weight: 200; + overflow: hidden; + width: 100%; + border-top: unset; + order: 2; +} + +/* Olie doesn't know how CSS inheritance works */ +#completions .HistoryCompletionSource { max-height: unset; + min-height: unset; +} + + #completions + .HistoryCompletionSource + table { + width: 100%; + font-size: 9pt; + border-spacing: 0; + table-layout: fixed; +} + +/* redundancy 2: redundancy 2: more redundancy */ +#completions .BmarkCompletionSource { max-height: unset; + min-height: unset; +} + +#completions table tr td.prefix,#completions table tr td.privatewindow,#completions table tr td.container,#completions table tr td.icon { display: none; +} + + #completions + .BufferCompletionSource + table { + width: unset; + font-size: unset; + border-spacing: unset; + table-layout: unset; +} + +#completions table tr .title { width: 50%; +} + +#completions table tr { white-space: nowrap; + overflow: hidden; + text-overflow: ellipsis; +} + +#completions .sectionHeader { background: unset; + font-weight: 200; + border-bottom: unset; + padding: 1rem !important; + padding-left: unset; + padding-bottom: 0.2rem; +} + +#cmdline_iframe { position: fixed !important; + bottom: unset; + top: 25% !important; + left: 10% !important; + z-index: 2147483647 !important; + width: 80% !important; + box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 20px !important; +} + +.TridactylStatusIndicator { position: fixed !important; + bottom: 0 !important; + background: var(--tridactyl-bg) !important; + border: unset !important; + border: 1px var(--base0B) solid !important; + font-size: 12pt !important; + /*font-weight: 200 !important;*/ + padding: 0.8ex !important; +} + +#completions .focused { background: var(--base0B); + color: var(--base00); +} + +#completions .focused .url { background: var(--base0B); + color: var(--base00); +} +/* #Ocean-normal { */ +/* border-color: green !important; */ +/* } */ + +/* #Ocean-insert { */ +/* border-color: yellow !important; */ +/* } */ diff --git a/tridactyl/themes/base16-bespin.css b/tridactyl/themes/base16-bespin.css new file mode 100644 index 0000000..27754f4 --- /dev/null +++ b/tridactyl/themes/base16-bespin.css @@ -0,0 +1,153 @@ +:root { /* Bespin by Chris Kempson (http://chriskempson.com) */ + --base00: #28211c; + --base01: #36312e; + --base02: #5e5d5c; + --base03: #666666; + --base04: #797977; + --base05: #8a8986; + --base06: #9d9b97; + --base07: #baae9e; + --base08: #cf6a4c; + --base09: #cf7d34; + --base0A: #f9ee98; + --base0B: #54be0d; + --base0C: #afc4db; + --base0D: #5ea6ea; + --base0E: #9b859d; + --base0F: #937121; + + --tridactyl-fg: var(--base05); + --tridactyl-bg: var(--base00); + --tridactyl-url-fg: var(--base08); + --tridactyl-url-bg: var(--base00); + --tridactyl-highlight-box-bg: var(--base0B); + --tridactyl-highlight-box-fg: var(--base00); + + /* Hint character tags */ + --tridactyl-hintspan-fg: var(--base00) !important; + --tridactyl-hintspan-bg: var(--base0A) !important; + + /* Element Highlights */ + --tridactyl-hint-active-fg: none; + --tridactyl-hint-active-bg: none; + --tridactyl-hint-active-outline: none; + --tridactyl-hint-bg: none; + --tridactyl-hint-outline: none; +} + +#command-line-holder { order: 1; + border: 2px solid var(--base0B); + color: var(--tridactyl-bg); +} + +#tridactyl-input { padding: 1rem; + color: var(--tridactyl-fg); + width: 90%; + font-size: 1.5rem; + line-height: 1.5; + background: var(--tridactyl-bg); + padding-left: unset; + padding: 1rem; +} + +#completions table { font-size: 0.8rem; + font-weight: 200; + border-spacing: 0; + table-layout: fixed; + padding: 1rem; + padding-top: 1rem; + padding-bottom: 1rem; +} + +#completions > div { max-height: calc(20 * var(--option-height)); + min-height: calc(10 * var(--option-height)); +} + +/* COMPLETIONS */ + +#completions { --option-height: 1.4em; + color: var(--tridactyl-fg); + background: var(--tridactyl-bg); + display: inline-block; + font-size: unset; + font-weight: 200; + overflow: hidden; + width: 100%; + border-top: unset; + order: 2; +} + +/* Olie doesn't know how CSS inheritance works */ +#completions .HistoryCompletionSource { max-height: unset; + min-height: unset; +} + +#completions .HistoryCompletionSource table { width: 100%; + font-size: 9pt; + border-spacing: 0; + table-layout: fixed; +} + +/* redundancy 2: redundancy 2: more redundancy */ +#completions .BmarkCompletionSource { max-height: unset; + min-height: unset; +} + +#completions table tr td.prefix,#completions table tr td.privatewindow,#completions table tr td.container,#completions table tr td.icon { display: none; +} + +#completions .BufferCompletionSource table { width: unset; + font-size: unset; + border-spacing: unset; + table-layout: unset; +} + +#completions table tr .title { width: 50%; +} + +#completions table tr { white-space: nowrap; + overflow: hidden; + text-overflow: ellipsis; +} + +#completions .sectionHeader { background: unset; + font-weight: 200; + border-bottom: unset; + padding: 1rem !important; + padding-left: unset; + padding-bottom: 0.2rem; +} + +#cmdline_iframe { position: fixed !important; + bottom: unset; + top: 25% !important; + left: 10% !important; + z-index: 2147483647 !important; + width: 80% !important; + box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 20px !important; +} + +.TridactylStatusIndicator { position: fixed !important; + bottom: 0 !important; + background: var(--tridactyl-bg) !important; + border: unset !important; + border: 1px var(--base0B) solid !important; + font-size: 12pt !important; + /*font-weight: 200 !important;*/ + padding: 0.8ex !important; +} + +#completions .focused { background: var(--base0B); + color: var(--base00); +} + +#completions .focused .url { background: var(--base0B); + color: var(--base00); +} +/* #Ocean-normal { */ +/* border-color: green !important; */ +/* } */ + +/* #Ocean-insert { */ +/* border-color: yellow !important; */ +/* } */ diff --git a/tridactyl/themes/base16-brewer.css b/tridactyl/themes/base16-brewer.css new file mode 100644 index 0000000..8d71b46 --- /dev/null +++ b/tridactyl/themes/base16-brewer.css @@ -0,0 +1,153 @@ +:root { /* Brewer by Chris Kempson (http://chriskempson.com) */ + --base00: #0c0d0e; + --base01: #2e2f30; + --base02: #515253; + --base03: #737475; + --base04: #959697; + --base05: #b7b8b9; + --base06: #dadbdc; + --base07: #fcfdfe; + --base08: #e31a1c; + --base09: #e6550d; + --base0A: #dca060; + --base0B: #31a354; + --base0C: #80b1d3; + --base0D: #3182bd; + --base0E: #756bb1; + --base0F: #b15928; + + --tridactyl-fg: var(--base05); + --tridactyl-bg: var(--base00); + --tridactyl-url-fg: var(--base08); + --tridactyl-url-bg: var(--base00); + --tridactyl-highlight-box-bg: var(--base0B); + --tridactyl-highlight-box-fg: var(--base00); + + /* Hint character tags */ + --tridactyl-hintspan-fg: var(--base00) !important; + --tridactyl-hintspan-bg: var(--base0A) !important; + + /* Element Highlights */ + --tridactyl-hint-active-fg: none; + --tridactyl-hint-active-bg: none; + --tridactyl-hint-active-outline: none; + --tridactyl-hint-bg: none; + --tridactyl-hint-outline: none; +} + +#command-line-holder { order: 1; + border: 2px solid var(--base0B); + color: var(--tridactyl-bg); +} + +#tridactyl-input { padding: 1rem; + color: var(--tridactyl-fg); + width: 90%; + font-size: 1.5rem; + line-height: 1.5; + background: var(--tridactyl-bg); + padding-left: unset; + padding: 1rem; +} + +#completions table { font-size: 0.8rem; + font-weight: 200; + border-spacing: 0; + table-layout: fixed; + padding: 1rem; + padding-top: 1rem; + padding-bottom: 1rem; +} + +#completions > div { max-height: calc(20 * var(--option-height)); + min-height: calc(10 * var(--option-height)); +} + +/* COMPLETIONS */ + +#completions { --option-height: 1.4em; + color: var(--tridactyl-fg); + background: var(--tridactyl-bg); + display: inline-block; + font-size: unset; + font-weight: 200; + overflow: hidden; + width: 100%; + border-top: unset; + order: 2; +} + +/* Olie doesn't know how CSS inheritance works */ +#completions .HistoryCompletionSource { max-height: unset; + min-height: unset; +} + +#completions .HistoryCompletionSource table { width: 100%; + font-size: 9pt; + border-spacing: 0; + table-layout: fixed; +} + +/* redundancy 2: redundancy 2: more redundancy */ +#completions .BmarkCompletionSource { max-height: unset; + min-height: unset; +} + +#completions table tr td.prefix,#completions table tr td.privatewindow,#completions table tr td.container,#completions table tr td.icon { display: none; +} + +#completions .BufferCompletionSource table { width: unset; + font-size: unset; + border-spacing: unset; + table-layout: unset; +} + +#completions table tr .title { width: 50%; +} + +#completions table tr { white-space: nowrap; + overflow: hidden; + text-overflow: ellipsis; +} + +#completions .sectionHeader { background: unset; + font-weight: 200; + border-bottom: unset; + padding: 1rem !important; + padding-left: unset; + padding-bottom: 0.2rem; +} + +#cmdline_iframe { position: fixed !important; + bottom: unset; + top: 25% !important; + left: 10% !important; + z-index: 2147483647 !important; + width: 80% !important; + box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 20px !important; +} + +.TridactylStatusIndicator { position: fixed !important; + bottom: 0 !important; + background: var(--tridactyl-bg) !important; + border: unset !important; + border: 1px var(--base0B) solid !important; + font-size: 12pt !important; + /*font-weight: 200 !important;*/ + padding: 0.8ex !important; +} + +#completions .focused { background: var(--base0B); + color: var(--base00); +} + +#completions .focused .url { background: var(--base0B); + color: var(--base00); +} +/* #Ocean-normal { */ +/* border-color: green !important; */ +/* } */ + +/* #Ocean-insert { */ +/* border-color: yellow !important; */ +/* } */ diff --git a/tridactyl/themes/base16-bright.css b/tridactyl/themes/base16-bright.css new file mode 100644 index 0000000..0367200 --- /dev/null +++ b/tridactyl/themes/base16-bright.css @@ -0,0 +1,153 @@ +:root { /* Bright by Chris Kempson (http://chriskempson.com) */ + --base00: #000000; + --base01: #303030; + --base02: #505050; + --base03: #b0b0b0; + --base04: #d0d0d0; + --base05: #e0e0e0; + --base06: #f5f5f5; + --base07: #ffffff; + --base08: #fb0120; + --base09: #fc6d24; + --base0A: #fda331; + --base0B: #a1c659; + --base0C: #76c7b7; + --base0D: #6fb3d2; + --base0E: #d381c3; + --base0F: #be643c; + + --tridactyl-fg: var(--base05); + --tridactyl-bg: var(--base00); + --tridactyl-url-fg: var(--base08); + --tridactyl-url-bg: var(--base00); + --tridactyl-highlight-box-bg: var(--base0B); + --tridactyl-highlight-box-fg: var(--base00); + + /* Hint character tags */ + --tridactyl-hintspan-fg: var(--base00) !important; + --tridactyl-hintspan-bg: var(--base0A) !important; + + /* Element Highlights */ + --tridactyl-hint-active-fg: none; + --tridactyl-hint-active-bg: none; + --tridactyl-hint-active-outline: none; + --tridactyl-hint-bg: none; + --tridactyl-hint-outline: none; +} + +#command-line-holder { order: 1; + border: 2px solid var(--base0B); + color: var(--tridactyl-bg); +} + +#tridactyl-input { padding: 1rem; + color: var(--tridactyl-fg); + width: 90%; + font-size: 1.5rem; + line-height: 1.5; + background: var(--tridactyl-bg); + padding-left: unset; + padding: 1rem; +} + +#completions table { font-size: 0.8rem; + font-weight: 200; + border-spacing: 0; + table-layout: fixed; + padding: 1rem; + padding-top: 1rem; + padding-bottom: 1rem; +} + +#completions > div { max-height: calc(20 * var(--option-height)); + min-height: calc(10 * var(--option-height)); +} + +/* COMPLETIONS */ + +#completions { --option-height: 1.4em; + color: var(--tridactyl-fg); + background: var(--tridactyl-bg); + display: inline-block; + font-size: unset; + font-weight: 200; + overflow: hidden; + width: 100%; + border-top: unset; + order: 2; +} + +/* Olie doesn't know how CSS inheritance works */ +#completions .HistoryCompletionSource { max-height: unset; + min-height: unset; +} + +#completions .HistoryCompletionSource table { width: 100%; + font-size: 9pt; + border-spacing: 0; + table-layout: fixed; +} + +/* redundancy 2: redundancy 2: more redundancy */ +#completions .BmarkCompletionSource { max-height: unset; + min-height: unset; +} + +#completions table tr td.prefix,#completions table tr td.privatewindow,#completions table tr td.container,#completions table tr td.icon { display: none; +} + +#completions .BufferCompletionSource table { width: unset; + font-size: unset; + border-spacing: unset; + table-layout: unset; +} + +#completions table tr .title { width: 50%; +} + +#completions table tr { white-space: nowrap; + overflow: hidden; + text-overflow: ellipsis; +} + +#completions .sectionHeader { background: unset; + font-weight: 200; + border-bottom: unset; + padding: 1rem !important; + padding-left: unset; + padding-bottom: 0.2rem; +} + +#cmdline_iframe { position: fixed !important; + bottom: unset; + top: 25% !important; + left: 10% !important; + z-index: 2147483647 !important; + width: 80% !important; + box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 20px !important; +} + +.TridactylStatusIndicator { position: fixed !important; + bottom: 0 !important; + background: var(--tridactyl-bg) !important; + border: unset !important; + border: 1px var(--base0B) solid !important; + font-size: 12pt !important; + /*font-weight: 200 !important;*/ + padding: 0.8ex !important; +} + +#completions .focused { background: var(--base0B); + color: var(--base00); +} + +#completions .focused .url { background: var(--base0B); + color: var(--base00); +} +/* #Ocean-normal { */ +/* border-color: green !important; */ +/* } */ + +/* #Ocean-insert { */ +/* border-color: yellow !important; */ +/* } */ diff --git a/tridactyl/themes/base16-chalk.css b/tridactyl/themes/base16-chalk.css new file mode 100644 index 0000000..1892442 --- /dev/null +++ b/tridactyl/themes/base16-chalk.css @@ -0,0 +1,153 @@ +:root { /* Chalk by Chris Kempson (http://chriskempson.com) */ + --base00: #151515; + --base01: #202020; + --base02: #303030; + --base03: #505050; + --base04: #b0b0b0; + --base05: #d0d0d0; + --base06: #e0e0e0; + --base07: #f5f5f5; + --base08: #fb9fb1; + --base09: #eda987; + --base0A: #ddb26f; + --base0B: #acc267; + --base0C: #12cfc0; + --base0D: #6fc2ef; + --base0E: #e1a3ee; + --base0F: #deaf8f; + + --tridactyl-fg: var(--base05); + --tridactyl-bg: var(--base00); + --tridactyl-url-fg: var(--base08); + --tridactyl-url-bg: var(--base00); + --tridactyl-highlight-box-bg: var(--base0B); + --tridactyl-highlight-box-fg: var(--base00); + + /* Hint character tags */ + --tridactyl-hintspan-fg: var(--base00) !important; + --tridactyl-hintspan-bg: var(--base0A) !important; + + /* Element Highlights */ + --tridactyl-hint-active-fg: none; + --tridactyl-hint-active-bg: none; + --tridactyl-hint-active-outline: none; + --tridactyl-hint-bg: none; + --tridactyl-hint-outline: none; +} + +#command-line-holder { order: 1; + border: 2px solid var(--base0B); + color: var(--tridactyl-bg); +} + +#tridactyl-input { padding: 1rem; + color: var(--tridactyl-fg); + width: 90%; + font-size: 1.5rem; + line-height: 1.5; + background: var(--tridactyl-bg); + padding-left: unset; + padding: 1rem; +} + +#completions table { font-size: 0.8rem; + font-weight: 200; + border-spacing: 0; + table-layout: fixed; + padding: 1rem; + padding-top: 1rem; + padding-bottom: 1rem; +} + +#completions > div { max-height: calc(20 * var(--option-height)); + min-height: calc(10 * var(--option-height)); +} + +/* COMPLETIONS */ + +#completions { --option-height: 1.4em; + color: var(--tridactyl-fg); + background: var(--tridactyl-bg); + display: inline-block; + font-size: unset; + font-weight: 200; + overflow: hidden; + width: 100%; + border-top: unset; + order: 2; +} + +/* Olie doesn't know how CSS inheritance works */ +#completions .HistoryCompletionSource { max-height: unset; + min-height: unset; +} + +#completions .HistoryCompletionSource table { width: 100%; + font-size: 9pt; + border-spacing: 0; + table-layout: fixed; +} + +/* redundancy 2: redundancy 2: more redundancy */ +#completions .BmarkCompletionSource { max-height: unset; + min-height: unset; +} + +#completions table tr td.prefix,#completions table tr td.privatewindow,#completions table tr td.container,#completions table tr td.icon { display: none; +} + +#completions .BufferCompletionSource table { width: unset; + font-size: unset; + border-spacing: unset; + table-layout: unset; +} + +#completions table tr .title { width: 50%; +} + +#completions table tr { white-space: nowrap; + overflow: hidden; + text-overflow: ellipsis; +} + +#completions .sectionHeader { background: unset; + font-weight: 200; + border-bottom: unset; + padding: 1rem !important; + padding-left: unset; + padding-bottom: 0.2rem; +} + +#cmdline_iframe { position: fixed !important; + bottom: unset; + top: 25% !important; + left: 10% !important; + z-index: 2147483647 !important; + width: 80% !important; + box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 20px !important; +} + +.TridactylStatusIndicator { position: fixed !important; + bottom: 0 !important; + background: var(--tridactyl-bg) !important; + border: unset !important; + border: 1px var(--base0B) solid !important; + font-size: 12pt !important; + /*font-weight: 200 !important;*/ + padding: 0.8ex !important; +} + +#completions .focused { background: var(--base0B); + color: var(--base00); +} + +#completions .focused .url { background: var(--base0B); + color: var(--base00); +} +/* #Ocean-normal { */ +/* border-color: green !important; */ +/* } */ + +/* #Ocean-insert { */ +/* border-color: yellow !important; */ +/* } */ diff --git a/tridactyl/themes/base16-codeschool.css b/tridactyl/themes/base16-codeschool.css new file mode 100644 index 0000000..6e478bd --- /dev/null +++ b/tridactyl/themes/base16-codeschool.css @@ -0,0 +1,153 @@ +:root { /* Codeschool by Chris Kempson (http://chriskempson.com) */ + --base00: #232c31; + --base01: #1c3657; + --base02: #2a343a; + --base03: #3f4944; + --base04: #84898c; + --base05: #9ea7a6; + --base06: #a7cfa3; + --base07: #b5d8f6; + --base08: #2a5491; + --base09: #43820d; + --base0A: #a03b1e; + --base0B: #237986; + --base0C: #b02f30; + --base0D: #484d79; + --base0E: #c59820; + --base0F: #c98344; + + --tridactyl-fg: var(--base05); + --tridactyl-bg: var(--base00); + --tridactyl-url-fg: var(--base08); + --tridactyl-url-bg: var(--base00); + --tridactyl-highlight-box-bg: var(--base0B); + --tridactyl-highlight-box-fg: var(--base00); + + /* Hint character tags */ + --tridactyl-hintspan-fg: var(--base00) !important; + --tridactyl-hintspan-bg: var(--base0A) !important; + + /* Element Highlights */ + --tridactyl-hint-active-fg: none; + --tridactyl-hint-active-bg: none; + --tridactyl-hint-active-outline: none; + --tridactyl-hint-bg: none; + --tridactyl-hint-outline: none; +} + +#command-line-holder { order: 1; + border: 2px solid var(--base0B); + color: var(--tridactyl-bg); +} + +#tridactyl-input { padding: 1rem; + color: var(--tridactyl-fg); + width: 90%; + font-size: 1.5rem; + line-height: 1.5; + background: var(--tridactyl-bg); + padding-left: unset; + padding: 1rem; +} + +#completions table { font-size: 0.8rem; + font-weight: 200; + border-spacing: 0; + table-layout: fixed; + padding: 1rem; + padding-top: 1rem; + padding-bottom: 1rem; +} + +#completions > div { max-height: calc(20 * var(--option-height)); + min-height: calc(10 * var(--option-height)); +} + +/* COMPLETIONS */ + +#completions { --option-height: 1.4em; + color: var(--tridactyl-fg); + background: var(--tridactyl-bg); + display: inline-block; + font-size: unset; + font-weight: 200; + overflow: hidden; + width: 100%; + border-top: unset; + order: 2; +} + +/* Olie doesn't know how CSS inheritance works */ +#completions .HistoryCompletionSource { max-height: unset; + min-height: unset; +} + +#completions .HistoryCompletionSource table { width: 100%; + font-size: 9pt; + border-spacing: 0; + table-layout: fixed; +} + +/* redundancy 2: redundancy 2: more redundancy */ +#completions .BmarkCompletionSource { max-height: unset; + min-height: unset; +} + +#completions table tr td.prefix,#completions table tr td.privatewindow,#completions table tr td.container,#completions table tr td.icon { display: none; +} + +#completions .BufferCompletionSource table { width: unset; + font-size: unset; + border-spacing: unset; + table-layout: unset; +} + +#completions table tr .title { width: 50%; +} + +#completions table tr { white-space: nowrap; + overflow: hidden; + text-overflow: ellipsis; +} + +#completions .sectionHeader { background: unset; + font-weight: 200; + border-bottom: unset; + padding: 1rem !important; + padding-left: unset; + padding-bottom: 0.2rem; +} + +#cmdline_iframe { position: fixed !important; + bottom: unset; + top: 25% !important; + left: 10% !important; + z-index: 2147483647 !important; + width: 80% !important; + box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 20px !important; +} + +.TridactylStatusIndicator { position: fixed !important; + bottom: 0 !important; + background: var(--tridactyl-bg) !important; + border: unset !important; + border: 1px var(--base0B) solid !important; + font-size: 12pt !important; + /*font-weight: 200 !important;*/ + padding: 0.8ex !important; +} + +#completions .focused { background: var(--base0B); + color: var(--base00); +} + +#completions .focused .url { background: var(--base0B); + color: var(--base00); +} +/* #Ocean-normal { */ +/* border-color: green !important; */ +/* } */ + +/* #Ocean-insert { */ +/* border-color: yellow !important; */ +/* } */ diff --git a/tridactyl/themes/base16-cupcake.css b/tridactyl/themes/base16-cupcake.css new file mode 100644 index 0000000..746f1f8 --- /dev/null +++ b/tridactyl/themes/base16-cupcake.css @@ -0,0 +1,153 @@ +:root { /* Cupcake by Chris Kempson (http://chriskempson.com) */ + --base00: #fbf1f2; + --base01: #f2f1f4; + --base02: #d8d5dd; + --base03: #bfb9c6; + --base04: #a59daf; + --base05: #8b8198; + --base06: #72677e; + --base07: #585062; + --base08: #d57e85; + --base09: #ebb790; + --base0A: #dcb16c; + --base0B: #a3b367; + --base0C: #69a9a7; + --base0D: #7297b9; + --base0E: #bb99b4; + --base0F: #baa58c; + + --tridactyl-fg: var(--base05); + --tridactyl-bg: var(--base00); + --tridactyl-url-fg: var(--base08); + --tridactyl-url-bg: var(--base00); + --tridactyl-highlight-box-bg: var(--base0B); + --tridactyl-highlight-box-fg: var(--base00); + + /* Hint character tags */ + --tridactyl-hintspan-fg: var(--base00) !important; + --tridactyl-hintspan-bg: var(--base0A) !important; + + /* Element Highlights */ + --tridactyl-hint-active-fg: none; + --tridactyl-hint-active-bg: none; + --tridactyl-hint-active-outline: none; + --tridactyl-hint-bg: none; + --tridactyl-hint-outline: none; +} + +#command-line-holder { order: 1; + border: 2px solid var(--base0B); + color: var(--tridactyl-bg); +} + +#tridactyl-input { padding: 1rem; + color: var(--tridactyl-fg); + width: 90%; + font-size: 1.5rem; + line-height: 1.5; + background: var(--tridactyl-bg); + padding-left: unset; + padding: 1rem; +} + +#completions table { font-size: 0.8rem; + font-weight: 200; + border-spacing: 0; + table-layout: fixed; + padding: 1rem; + padding-top: 1rem; + padding-bottom: 1rem; +} + +#completions > div { max-height: calc(20 * var(--option-height)); + min-height: calc(10 * var(--option-height)); +} + +/* COMPLETIONS */ + +#completions { --option-height: 1.4em; + color: var(--tridactyl-fg); + background: var(--tridactyl-bg); + display: inline-block; + font-size: unset; + font-weight: 200; + overflow: hidden; + width: 100%; + border-top: unset; + order: 2; +} + +/* Olie doesn't know how CSS inheritance works */ +#completions .HistoryCompletionSource { max-height: unset; + min-height: unset; +} + +#completions .HistoryCompletionSource table { width: 100%; + font-size: 9pt; + border-spacing: 0; + table-layout: fixed; +} + +/* redundancy 2: redundancy 2: more redundancy */ +#completions .BmarkCompletionSource { max-height: unset; + min-height: unset; +} + +#completions table tr td.prefix,#completions table tr td.privatewindow,#completions table tr td.container,#completions table tr td.icon { display: none; +} + +#completions .BufferCompletionSource table { width: unset; + font-size: unset; + border-spacing: unset; + table-layout: unset; +} + +#completions table tr .title { width: 50%; +} + +#completions table tr { white-space: nowrap; + overflow: hidden; + text-overflow: ellipsis; +} + +#completions .sectionHeader { background: unset; + font-weight: 200; + border-bottom: unset; + padding: 1rem !important; + padding-left: unset; + padding-bottom: 0.2rem; +} + +#cmdline_iframe { position: fixed !important; + bottom: unset; + top: 25% !important; + left: 10% !important; + z-index: 2147483647 !important; + width: 80% !important; + box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 20px !important; +} + +.TridactylStatusIndicator { position: fixed !important; + bottom: 0 !important; + background: var(--tridactyl-bg) !important; + border: unset !important; + border: 1px var(--base0B) solid !important; + font-size: 12pt !important; + /*font-weight: 200 !important;*/ + padding: 0.8ex !important; +} + +#completions .focused { background: var(--base0B); + color: var(--base00); +} + +#completions .focused .url { background: var(--base0B); + color: var(--base00); +} +/* #Ocean-normal { */ +/* border-color: green !important; */ +/* } */ + +/* #Ocean-insert { */ +/* border-color: yellow !important; */ +/* } */ diff --git a/tridactyl/themes/base16-darktooth.css b/tridactyl/themes/base16-darktooth.css new file mode 100644 index 0000000..391a2ff --- /dev/null +++ b/tridactyl/themes/base16-darktooth.css @@ -0,0 +1,153 @@ +:root { /* Darktooth by Chris Kempson (http://chriskempson.com) */ + --base00: #1d2021; + --base01: #32302f; + --base02: #504945; + --base03: #665c54; + --base04: #928374; + --base05: #a89984; + --base06: #d5c4a1; + --base07: #fdf4c1; + --base08: #fb543f; + --base09: #fe8625; + --base0A: #fac03b; + --base0B: #95c085; + --base0C: #8ba59b; + --base0D: #0d6678; + --base0E: #8f4673; + --base0F: #a87322; + + --tridactyl-fg: var(--base05); + --tridactyl-bg: var(--base00); + --tridactyl-url-fg: var(--base08); + --tridactyl-url-bg: var(--base00); + --tridactyl-highlight-box-bg: var(--base0B); + --tridactyl-highlight-box-fg: var(--base00); + + /* Hint character tags */ + --tridactyl-hintspan-fg: var(--base00) !important; + --tridactyl-hintspan-bg: var(--base0A) !important; + + /* Element Highlights */ + --tridactyl-hint-active-fg: none; + --tridactyl-hint-active-bg: none; + --tridactyl-hint-active-outline: none; + --tridactyl-hint-bg: none; + --tridactyl-hint-outline: none; +} + +#command-line-holder { order: 1; + border: 2px solid var(--base0B); + color: var(--tridactyl-bg); +} + +#tridactyl-input { padding: 1rem; + color: var(--tridactyl-fg); + width: 90%; + font-size: 1.5rem; + line-height: 1.5; + background: var(--tridactyl-bg); + padding-left: unset; + padding: 1rem; +} + +#completions table { font-size: 0.8rem; + font-weight: 200; + border-spacing: 0; + table-layout: fixed; + padding: 1rem; + padding-top: 1rem; + padding-bottom: 1rem; +} + +#completions > div { max-height: calc(20 * var(--option-height)); + min-height: calc(10 * var(--option-height)); +} + +/* COMPLETIONS */ + +#completions { --option-height: 1.4em; + color: var(--tridactyl-fg); + background: var(--tridactyl-bg); + display: inline-block; + font-size: unset; + font-weight: 200; + overflow: hidden; + width: 100%; + border-top: unset; + order: 2; +} + +/* Olie doesn't know how CSS inheritance works */ +#completions .HistoryCompletionSource { max-height: unset; + min-height: unset; +} + +#completions .HistoryCompletionSource table { width: 100%; + font-size: 9pt; + border-spacing: 0; + table-layout: fixed; +} + +/* redundancy 2: redundancy 2: more redundancy */ +#completions .BmarkCompletionSource { max-height: unset; + min-height: unset; +} + +#completions table tr td.prefix,#completions table tr td.privatewindow,#completions table tr td.container,#completions table tr td.icon { display: none; +} + +#completions .BufferCompletionSource table { width: unset; + font-size: unset; + border-spacing: unset; + table-layout: unset; +} + +#completions table tr .title { width: 50%; +} + +#completions table tr { white-space: nowrap; + overflow: hidden; + text-overflow: ellipsis; +} + +#completions .sectionHeader { background: unset; + font-weight: 200; + border-bottom: unset; + padding: 1rem !important; + padding-left: unset; + padding-bottom: 0.2rem; +} + +#cmdline_iframe { position: fixed !important; + bottom: unset; + top: 25% !important; + left: 10% !important; + z-index: 2147483647 !important; + width: 80% !important; + box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 20px !important; +} + +.TridactylStatusIndicator { position: fixed !important; + bottom: 0 !important; + background: var(--tridactyl-bg) !important; + border: unset !important; + border: 1px var(--base0B) solid !important; + font-size: 12pt !important; + /*font-weight: 200 !important;*/ + padding: 0.8ex !important; +} + +#completions .focused { background: var(--base0B); + color: var(--base00); +} + +#completions .focused .url { background: var(--base0B); + color: var(--base00); +} +/* #Ocean-normal { */ +/* border-color: green !important; */ +/* } */ + +/* #Ocean-insert { */ +/* border-color: yellow !important; */ +/* } */ diff --git a/tridactyl/themes/base16-default-dark.css b/tridactyl/themes/base16-default-dark.css new file mode 100644 index 0000000..60e7a0e --- /dev/null +++ b/tridactyl/themes/base16-default-dark.css @@ -0,0 +1,153 @@ +:root { /* Default-dark by Chris Kempson (http://chriskempson.com) */ + --base00: #181818; + --base01: #282828; + --base02: #383838; + --base03: #585858; + --base04: #b8b8b8; + --base05: #d8d8d8; + --base06: #e8e8e8; + --base07: #f8f8f8; + --base08: #ab4642; + --base09: #dc9656; + --base0A: #f7ca88; + --base0B: #a1b56c; + --base0C: #86c1b9; + --base0D: #7cafc2; + --base0E: #ba8baf; + --base0F: #a16946; + + --tridactyl-fg: var(--base05); + --tridactyl-bg: var(--base00); + --tridactyl-url-fg: var(--base08); + --tridactyl-url-bg: var(--base00); + --tridactyl-highlight-box-bg: var(--base0B); + --tridactyl-highlight-box-fg: var(--base00); + + /* Hint character tags */ + --tridactyl-hintspan-fg: var(--base00) !important; + --tridactyl-hintspan-bg: var(--base0A) !important; + + /* Element Highlights */ + --tridactyl-hint-active-fg: none; + --tridactyl-hint-active-bg: none; + --tridactyl-hint-active-outline: none; + --tridactyl-hint-bg: none; + --tridactyl-hint-outline: none; +} + +#command-line-holder { order: 1; + border: 2px solid var(--base0B); + color: var(--tridactyl-bg); +} + +#tridactyl-input { padding: 1rem; + color: var(--tridactyl-fg); + width: 90%; + font-size: 1.5rem; + line-height: 1.5; + background: var(--tridactyl-bg); + padding-left: unset; + padding: 1rem; +} + +#completions table { font-size: 0.8rem; + font-weight: 200; + border-spacing: 0; + table-layout: fixed; + padding: 1rem; + padding-top: 1rem; + padding-bottom: 1rem; +} + +#completions > div { max-height: calc(20 * var(--option-height)); + min-height: calc(10 * var(--option-height)); +} + +/* COMPLETIONS */ + +#completions { --option-height: 1.4em; + color: var(--tridactyl-fg); + background: var(--tridactyl-bg); + display: inline-block; + font-size: unset; + font-weight: 200; + overflow: hidden; + width: 100%; + border-top: unset; + order: 2; +} + +/* Olie doesn't know how CSS inheritance works */ +#completions .HistoryCompletionSource { max-height: unset; + min-height: unset; +} + +#completions .HistoryCompletionSource table { width: 100%; + font-size: 9pt; + border-spacing: 0; + table-layout: fixed; +} + +/* redundancy 2: redundancy 2: more redundancy */ +#completions .BmarkCompletionSource { max-height: unset; + min-height: unset; +} + +#completions table tr td.prefix,#completions table tr td.privatewindow,#completions table tr td.container,#completions table tr td.icon { display: none; +} + +#completions .BufferCompletionSource table { width: unset; + font-size: unset; + border-spacing: unset; + table-layout: unset; +} + +#completions table tr .title { width: 50%; +} + +#completions table tr { white-space: nowrap; + overflow: hidden; + text-overflow: ellipsis; +} + +#completions .sectionHeader { background: unset; + font-weight: 200; + border-bottom: unset; + padding: 1rem !important; + padding-left: unset; + padding-bottom: 0.2rem; +} + +#cmdline_iframe { position: fixed !important; + bottom: unset; + top: 25% !important; + left: 10% !important; + z-index: 2147483647 !important; + width: 80% !important; + box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 20px !important; +} + +.TridactylStatusIndicator { position: fixed !important; + bottom: 0 !important; + background: var(--tridactyl-bg) !important; + border: unset !important; + border: 1px var(--base0B) solid !important; + font-size: 12pt !important; + /*font-weight: 200 !important;*/ + padding: 0.8ex !important; +} + +#completions .focused { background: var(--base0B); + color: var(--base00); +} + +#completions .focused .url { background: var(--base0B); + color: var(--base00); +} +/* #Ocean-normal { */ +/* border-color: green !important; */ +/* } */ + +/* #Ocean-insert { */ +/* border-color: yellow !important; */ +/* } */ diff --git a/tridactyl/themes/base16-default-light.css b/tridactyl/themes/base16-default-light.css new file mode 100644 index 0000000..88b6f6f --- /dev/null +++ b/tridactyl/themes/base16-default-light.css @@ -0,0 +1,153 @@ +:root { /* Default-light by Chris Kempson (http://chriskempson.com) */ + --base00: #f8f8f8; + --base01: #e8e8e8; + --base02: #d8d8d8; + --base03: #b8b8b8; + --base04: #585858; + --base05: #383838; + --base06: #282828; + --base07: #181818; + --base08: #ab4642; + --base09: #dc9656; + --base0A: #f7ca88; + --base0B: #a1b56c; + --base0C: #86c1b9; + --base0D: #7cafc2; + --base0E: #ba8baf; + --base0F: #a16946; + + --tridactyl-fg: var(--base05); + --tridactyl-bg: var(--base00); + --tridactyl-url-fg: var(--base08); + --tridactyl-url-bg: var(--base00); + --tridactyl-highlight-box-bg: var(--base0B); + --tridactyl-highlight-box-fg: var(--base00); + + /* Hint character tags */ + --tridactyl-hintspan-fg: var(--base00) !important; + --tridactyl-hintspan-bg: var(--base0A) !important; + + /* Element Highlights */ + --tridactyl-hint-active-fg: none; + --tridactyl-hint-active-bg: none; + --tridactyl-hint-active-outline: none; + --tridactyl-hint-bg: none; + --tridactyl-hint-outline: none; +} + +#command-line-holder { order: 1; + border: 2px solid var(--base0B); + color: var(--tridactyl-bg); +} + +#tridactyl-input { padding: 1rem; + color: var(--tridactyl-fg); + width: 90%; + font-size: 1.5rem; + line-height: 1.5; + background: var(--tridactyl-bg); + padding-left: unset; + padding: 1rem; +} + +#completions table { font-size: 0.8rem; + font-weight: 200; + border-spacing: 0; + table-layout: fixed; + padding: 1rem; + padding-top: 1rem; + padding-bottom: 1rem; +} + +#completions > div { max-height: calc(20 * var(--option-height)); + min-height: calc(10 * var(--option-height)); +} + +/* COMPLETIONS */ + +#completions { --option-height: 1.4em; + color: var(--tridactyl-fg); + background: var(--tridactyl-bg); + display: inline-block; + font-size: unset; + font-weight: 200; + overflow: hidden; + width: 100%; + border-top: unset; + order: 2; +} + +/* Olie doesn't know how CSS inheritance works */ +#completions .HistoryCompletionSource { max-height: unset; + min-height: unset; +} + +#completions .HistoryCompletionSource table { width: 100%; + font-size: 9pt; + border-spacing: 0; + table-layout: fixed; +} + +/* redundancy 2: redundancy 2: more redundancy */ +#completions .BmarkCompletionSource { max-height: unset; + min-height: unset; +} + +#completions table tr td.prefix,#completions table tr td.privatewindow,#completions table tr td.container,#completions table tr td.icon { display: none; +} + +#completions .BufferCompletionSource table { width: unset; + font-size: unset; + border-spacing: unset; + table-layout: unset; +} + +#completions table tr .title { width: 50%; +} + +#completions table tr { white-space: nowrap; + overflow: hidden; + text-overflow: ellipsis; +} + +#completions .sectionHeader { background: unset; + font-weight: 200; + border-bottom: unset; + padding: 1rem !important; + padding-left: unset; + padding-bottom: 0.2rem; +} + +#cmdline_iframe { position: fixed !important; + bottom: unset; + top: 25% !important; + left: 10% !important; + z-index: 2147483647 !important; + width: 80% !important; + box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 20px !important; +} + +.TridactylStatusIndicator { position: fixed !important; + bottom: 0 !important; + background: var(--tridactyl-bg) !important; + border: unset !important; + border: 1px var(--base0B) solid !important; + font-size: 12pt !important; + /*font-weight: 200 !important;*/ + padding: 0.8ex !important; +} + +#completions .focused { background: var(--base0B); + color: var(--base00); +} + +#completions .focused .url { background: var(--base0B); + color: var(--base00); +} +/* #Ocean-normal { */ +/* border-color: green !important; */ +/* } */ + +/* #Ocean-insert { */ +/* border-color: yellow !important; */ +/* } */ diff --git a/tridactyl/themes/base16-dracula.css b/tridactyl/themes/base16-dracula.css new file mode 100644 index 0000000..d735c37 --- /dev/null +++ b/tridactyl/themes/base16-dracula.css @@ -0,0 +1,153 @@ +:root { /* Dracula by Chris Kempson (http://chriskempson.com) */ + --base00: #282936; + --base01: #3a3c4e; + --base02: #4d4f68; + --base03: #626483; + --base04: #62d6e8; + --base05: #e9e9f4; + --base06: #f1f2f8; + --base07: #f7f7fb; + --base08: #ea51b2; + --base09: #b45bcf; + --base0A: #00f769; + --base0B: #ebff87; + --base0C: #a1efe4; + --base0D: #62d6e8; + --base0E: #b45bcf; + --base0F: #00f769; + + --tridactyl-fg: var(--base05); + --tridactyl-bg: var(--base00); + --tridactyl-url-fg: var(--base08); + --tridactyl-url-bg: var(--base00); + --tridactyl-highlight-box-bg: var(--base0B); + --tridactyl-highlight-box-fg: var(--base00); + + /* Hint character tags */ + --tridactyl-hintspan-fg: var(--base00) !important; + --tridactyl-hintspan-bg: var(--base0A) !important; + + /* Element Highlights */ + --tridactyl-hint-active-fg: none; + --tridactyl-hint-active-bg: none; + --tridactyl-hint-active-outline: none; + --tridactyl-hint-bg: none; + --tridactyl-hint-outline: none; +} + +#command-line-holder { order: 1; + border: 2px solid var(--base0B); + color: var(--tridactyl-bg); +} + +#tridactyl-input { padding: 1rem; + color: var(--tridactyl-fg); + width: 90%; + font-size: 1.5rem; + line-height: 1.5; + background: var(--tridactyl-bg); + padding-left: unset; + padding: 1rem; +} + +#completions table { font-size: 0.8rem; + font-weight: 200; + border-spacing: 0; + table-layout: fixed; + padding: 1rem; + padding-top: 1rem; + padding-bottom: 1rem; +} + +#completions > div { max-height: calc(20 * var(--option-height)); + min-height: calc(10 * var(--option-height)); +} + +/* COMPLETIONS */ + +#completions { --option-height: 1.4em; + color: var(--tridactyl-fg); + background: var(--tridactyl-bg); + display: inline-block; + font-size: unset; + font-weight: 200; + overflow: hidden; + width: 100%; + border-top: unset; + order: 2; +} + +/* Olie doesn't know how CSS inheritance works */ +#completions .HistoryCompletionSource { max-height: unset; + min-height: unset; +} + +#completions .HistoryCompletionSource table { width: 100%; + font-size: 9pt; + border-spacing: 0; + table-layout: fixed; +} + +/* redundancy 2: redundancy 2: more redundancy */ +#completions .BmarkCompletionSource { max-height: unset; + min-height: unset; +} + +#completions table tr td.prefix,#completions table tr td.privatewindow,#completions table tr td.container,#completions table tr td.icon { display: none; +} + +#completions .BufferCompletionSource table { width: unset; + font-size: unset; + border-spacing: unset; + table-layout: unset; +} + +#completions table tr .title { width: 50%; +} + +#completions table tr { white-space: nowrap; + overflow: hidden; + text-overflow: ellipsis; +} + +#completions .sectionHeader { background: unset; + font-weight: 200; + border-bottom: unset; + padding: 1rem !important; + padding-left: unset; + padding-bottom: 0.2rem; +} + +#cmdline_iframe { position: fixed !important; + bottom: unset; + top: 25% !important; + left: 10% !important; + z-index: 2147483647 !important; + width: 80% !important; + box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 20px !important; +} + +.TridactylStatusIndicator { position: fixed !important; + bottom: 0 !important; + background: var(--tridactyl-bg) !important; + border: unset !important; + border: 1px var(--base0B) solid !important; + font-size: 12pt !important; + /*font-weight: 200 !important;*/ + padding: 0.8ex !important; +} + +#completions .focused { background: var(--base0B); + color: var(--base00); +} + +#completions .focused .url { background: var(--base0B); + color: var(--base00); +} +/* #Ocean-normal { */ +/* border-color: green !important; */ +/* } */ + +/* #Ocean-insert { */ +/* border-color: yellow !important; */ +/* } */ diff --git a/tridactyl/themes/base16-eighties.css b/tridactyl/themes/base16-eighties.css new file mode 100644 index 0000000..2d606ec --- /dev/null +++ b/tridactyl/themes/base16-eighties.css @@ -0,0 +1,153 @@ +:root { /* Eighties by Chris Kempson (http://chriskempson.com) */ + --base00: #2d2d2d; + --base01: #393939; + --base02: #515151; + --base03: #747369; + --base04: #a09f93; + --base05: #d3d0c8; + --base06: #e8e6df; + --base07: #f2f0ec; + --base08: #f2777a; + --base09: #f99157; + --base0A: #ffcc66; + --base0B: #99cc99; + --base0C: #66cccc; + --base0D: #6699cc; + --base0E: #cc99cc; + --base0F: #d27b53; + + --tridactyl-fg: var(--base05); + --tridactyl-bg: var(--base00); + --tridactyl-url-fg: var(--base08); + --tridactyl-url-bg: var(--base00); + --tridactyl-highlight-box-bg: var(--base0B); + --tridactyl-highlight-box-fg: var(--base00); + + /* Hint character tags */ + --tridactyl-hintspan-fg: var(--base00) !important; + --tridactyl-hintspan-bg: var(--base0A) !important; + + /* Element Highlights */ + --tridactyl-hint-active-fg: none; + --tridactyl-hint-active-bg: none; + --tridactyl-hint-active-outline: none; + --tridactyl-hint-bg: none; + --tridactyl-hint-outline: none; +} + +#command-line-holder { order: 1; + border: 2px solid var(--base0B); + color: var(--tridactyl-bg); +} + +#tridactyl-input { padding: 1rem; + color: var(--tridactyl-fg); + width: 90%; + font-size: 1.5rem; + line-height: 1.5; + background: var(--tridactyl-bg); + padding-left: unset; + padding: 1rem; +} + +#completions table { font-size: 0.8rem; + font-weight: 200; + border-spacing: 0; + table-layout: fixed; + padding: 1rem; + padding-top: 1rem; + padding-bottom: 1rem; +} + +#completions > div { max-height: calc(20 * var(--option-height)); + min-height: calc(10 * var(--option-height)); +} + +/* COMPLETIONS */ + +#completions { --option-height: 1.4em; + color: var(--tridactyl-fg); + background: var(--tridactyl-bg); + display: inline-block; + font-size: unset; + font-weight: 200; + overflow: hidden; + width: 100%; + border-top: unset; + order: 2; +} + +/* Olie doesn't know how CSS inheritance works */ +#completions .HistoryCompletionSource { max-height: unset; + min-height: unset; +} + +#completions .HistoryCompletionSource table { width: 100%; + font-size: 9pt; + border-spacing: 0; + table-layout: fixed; +} + +/* redundancy 2: redundancy 2: more redundancy */ +#completions .BmarkCompletionSource { max-height: unset; + min-height: unset; +} + +#completions table tr td.prefix,#completions table tr td.privatewindow,#completions table tr td.container,#completions table tr td.icon { display: none; +} + +#completions .BufferCompletionSource table { width: unset; + font-size: unset; + border-spacing: unset; + table-layout: unset; +} + +#completions table tr .title { width: 50%; +} + +#completions table tr { white-space: nowrap; + overflow: hidden; + text-overflow: ellipsis; +} + +#completions .sectionHeader { background: unset; + font-weight: 200; + border-bottom: unset; + padding: 1rem !important; + padding-left: unset; + padding-bottom: 0.2rem; +} + +#cmdline_iframe { position: fixed !important; + bottom: unset; + top: 25% !important; + left: 10% !important; + z-index: 2147483647 !important; + width: 80% !important; + box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 20px !important; +} + +.TridactylStatusIndicator { position: fixed !important; + bottom: 0 !important; + background: var(--tridactyl-bg) !important; + border: unset !important; + border: 1px var(--base0B) solid !important; + font-size: 12pt !important; + /*font-weight: 200 !important;*/ + padding: 0.8ex !important; +} + +#completions .focused { background: var(--base0B); + color: var(--base00); +} + +#completions .focused .url { background: var(--base0B); + color: var(--base00); +} +/* #Ocean-normal { */ +/* border-color: green !important; */ +/* } */ + +/* #Ocean-insert { */ +/* border-color: yellow !important; */ +/* } */ diff --git a/tridactyl/themes/base16-embers.css b/tridactyl/themes/base16-embers.css new file mode 100644 index 0000000..582c5cd --- /dev/null +++ b/tridactyl/themes/base16-embers.css @@ -0,0 +1,153 @@ +:root { /* Embers by Chris Kempson (http://chriskempson.com) */ + --base00: #16130f; + --base01: #2c2620; + --base02: #433b32; + --base03: #5a5047; + --base04: #8a8075; + --base05: #a39a90; + --base06: #beb6ae; + --base07: #dbd6d1; + --base08: #826d57; + --base09: #828257; + --base0A: #6d8257; + --base0B: #57826d; + --base0C: #576d82; + --base0D: #6d5782; + --base0E: #82576d; + --base0F: #825757; + + --tridactyl-fg: var(--base05); + --tridactyl-bg: var(--base00); + --tridactyl-url-fg: var(--base08); + --tridactyl-url-bg: var(--base00); + --tridactyl-highlight-box-bg: var(--base0B); + --tridactyl-highlight-box-fg: var(--base00); + + /* Hint character tags */ + --tridactyl-hintspan-fg: var(--base00) !important; + --tridactyl-hintspan-bg: var(--base0A) !important; + + /* Element Highlights */ + --tridactyl-hint-active-fg: none; + --tridactyl-hint-active-bg: none; + --tridactyl-hint-active-outline: none; + --tridactyl-hint-bg: none; + --tridactyl-hint-outline: none; +} + +#command-line-holder { order: 1; + border: 2px solid var(--base0B); + color: var(--tridactyl-bg); +} + +#tridactyl-input { padding: 1rem; + color: var(--tridactyl-fg); + width: 90%; + font-size: 1.5rem; + line-height: 1.5; + background: var(--tridactyl-bg); + padding-left: unset; + padding: 1rem; +} + +#completions table { font-size: 0.8rem; + font-weight: 200; + border-spacing: 0; + table-layout: fixed; + padding: 1rem; + padding-top: 1rem; + padding-bottom: 1rem; +} + +#completions > div { max-height: calc(20 * var(--option-height)); + min-height: calc(10 * var(--option-height)); +} + +/* COMPLETIONS */ + +#completions { --option-height: 1.4em; + color: var(--tridactyl-fg); + background: var(--tridactyl-bg); + display: inline-block; + font-size: unset; + font-weight: 200; + overflow: hidden; + width: 100%; + border-top: unset; + order: 2; +} + +/* Olie doesn't know how CSS inheritance works */ +#completions .HistoryCompletionSource { max-height: unset; + min-height: unset; +} + +#completions .HistoryCompletionSource table { width: 100%; + font-size: 9pt; + border-spacing: 0; + table-layout: fixed; +} + +/* redundancy 2: redundancy 2: more redundancy */ +#completions .BmarkCompletionSource { max-height: unset; + min-height: unset; +} + +#completions table tr td.prefix,#completions table tr td.privatewindow,#completions table tr td.container,#completions table tr td.icon { display: none; +} + +#completions .BufferCompletionSource table { width: unset; + font-size: unset; + border-spacing: unset; + table-layout: unset; +} + +#completions table tr .title { width: 50%; +} + +#completions table tr { white-space: nowrap; + overflow: hidden; + text-overflow: ellipsis; +} + +#completions .sectionHeader { background: unset; + font-weight: 200; + border-bottom: unset; + padding: 1rem !important; + padding-left: unset; + padding-bottom: 0.2rem; +} + +#cmdline_iframe { position: fixed !important; + bottom: unset; + top: 25% !important; + left: 10% !important; + z-index: 2147483647 !important; + width: 80% !important; + box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 20px !important; +} + +.TridactylStatusIndicator { position: fixed !important; + bottom: 0 !important; + background: var(--tridactyl-bg) !important; + border: unset !important; + border: 1px var(--base0B) solid !important; + font-size: 12pt !important; + /*font-weight: 200 !important;*/ + padding: 0.8ex !important; +} + +#completions .focused { background: var(--base0B); + color: var(--base00); +} + +#completions .focused .url { background: var(--base0B); + color: var(--base00); +} +/* #Ocean-normal { */ +/* border-color: green !important; */ +/* } */ + +/* #Ocean-insert { */ +/* border-color: yellow !important; */ +/* } */ diff --git a/tridactyl/themes/base16-flat.css b/tridactyl/themes/base16-flat.css new file mode 100644 index 0000000..4f94128 --- /dev/null +++ b/tridactyl/themes/base16-flat.css @@ -0,0 +1,153 @@ +:root { /* Flat by Chris Kempson (http://chriskempson.com) */ + --base00: #2c3e50; + --base01: #34495e; + --base02: #7f8c8d; + --base03: #95a5a6; + --base04: #bdc3c7; + --base05: #e0e0e0; + --base06: #f5f5f5; + --base07: #ecf0f1; + --base08: #e74c3c; + --base09: #e67e22; + --base0A: #f1c40f; + --base0B: #2ecc71; + --base0C: #1abc9c; + --base0D: #3498db; + --base0E: #9b59b6; + --base0F: #be643c; + + --tridactyl-fg: var(--base05); + --tridactyl-bg: var(--base00); + --tridactyl-url-fg: var(--base08); + --tridactyl-url-bg: var(--base00); + --tridactyl-highlight-box-bg: var(--base0B); + --tridactyl-highlight-box-fg: var(--base00); + + /* Hint character tags */ + --tridactyl-hintspan-fg: var(--base00) !important; + --tridactyl-hintspan-bg: var(--base0A) !important; + + /* Element Highlights */ + --tridactyl-hint-active-fg: none; + --tridactyl-hint-active-bg: none; + --tridactyl-hint-active-outline: none; + --tridactyl-hint-bg: none; + --tridactyl-hint-outline: none; +} + +#command-line-holder { order: 1; + border: 2px solid var(--base0B); + color: var(--tridactyl-bg); +} + +#tridactyl-input { padding: 1rem; + color: var(--tridactyl-fg); + width: 90%; + font-size: 1.5rem; + line-height: 1.5; + background: var(--tridactyl-bg); + padding-left: unset; + padding: 1rem; +} + +#completions table { font-size: 0.8rem; + font-weight: 200; + border-spacing: 0; + table-layout: fixed; + padding: 1rem; + padding-top: 1rem; + padding-bottom: 1rem; +} + +#completions > div { max-height: calc(20 * var(--option-height)); + min-height: calc(10 * var(--option-height)); +} + +/* COMPLETIONS */ + +#completions { --option-height: 1.4em; + color: var(--tridactyl-fg); + background: var(--tridactyl-bg); + display: inline-block; + font-size: unset; + font-weight: 200; + overflow: hidden; + width: 100%; + border-top: unset; + order: 2; +} + +/* Olie doesn't know how CSS inheritance works */ +#completions .HistoryCompletionSource { max-height: unset; + min-height: unset; +} + +#completions .HistoryCompletionSource table { width: 100%; + font-size: 9pt; + border-spacing: 0; + table-layout: fixed; +} + +/* redundancy 2: redundancy 2: more redundancy */ +#completions .BmarkCompletionSource { max-height: unset; + min-height: unset; +} + +#completions table tr td.prefix,#completions table tr td.privatewindow,#completions table tr td.container,#completions table tr td.icon { display: none; +} + +#completions .BufferCompletionSource table { width: unset; + font-size: unset; + border-spacing: unset; + table-layout: unset; +} + +#completions table tr .title { width: 50%; +} + +#completions table tr { white-space: nowrap; + overflow: hidden; + text-overflow: ellipsis; +} + +#completions .sectionHeader { background: unset; + font-weight: 200; + border-bottom: unset; + padding: 1rem !important; + padding-left: unset; + padding-bottom: 0.2rem; +} + +#cmdline_iframe { position: fixed !important; + bottom: unset; + top: 25% !important; + left: 10% !important; + z-index: 2147483647 !important; + width: 80% !important; + box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 20px !important; +} + +.TridactylStatusIndicator { position: fixed !important; + bottom: 0 !important; + background: var(--tridactyl-bg) !important; + border: unset !important; + border: 1px var(--base0B) solid !important; + font-size: 12pt !important; + /*font-weight: 200 !important;*/ + padding: 0.8ex !important; +} + +#completions .focused { background: var(--base0B); + color: var(--base00); +} + +#completions .focused .url { background: var(--base0B); + color: var(--base00); +} +/* #Ocean-normal { */ +/* border-color: green !important; */ +/* } */ + +/* #Ocean-insert { */ +/* border-color: yellow !important; */ +/* } */ diff --git a/tridactyl/themes/base16-github.css b/tridactyl/themes/base16-github.css new file mode 100644 index 0000000..325253a --- /dev/null +++ b/tridactyl/themes/base16-github.css @@ -0,0 +1,153 @@ +:root { /* Github by Chris Kempson (http://chriskempson.com) */ + --base00: #ffffff; + --base01: #f5f5f5; + --base02: #c8c8fa; + --base03: #969896; + --base04: #e8e8e8; + --base05: #333333; + --base06: #ffffff; + --base07: #ffffff; + --base08: #ed6a43; + --base09: #0086b3; + --base0A: #795da3; + --base0B: #183691; + --base0C: #183691; + --base0D: #795da3; + --base0E: #a71d5d; + --base0F: #333333; + + --tridactyl-fg: var(--base05); + --tridactyl-bg: var(--base00); + --tridactyl-url-fg: var(--base08); + --tridactyl-url-bg: var(--base00); + --tridactyl-highlight-box-bg: var(--base0B); + --tridactyl-highlight-box-fg: var(--base00); + + /* Hint character tags */ + --tridactyl-hintspan-fg: var(--base00) !important; + --tridactyl-hintspan-bg: var(--base0A) !important; + + /* Element Highlights */ + --tridactyl-hint-active-fg: none; + --tridactyl-hint-active-bg: none; + --tridactyl-hint-active-outline: none; + --tridactyl-hint-bg: none; + --tridactyl-hint-outline: none; +} + +#command-line-holder { order: 1; + border: 2px solid var(--base0B); + color: var(--tridactyl-bg); +} + +#tridactyl-input { padding: 1rem; + color: var(--tridactyl-fg); + width: 90%; + font-size: 1.5rem; + line-height: 1.5; + background: var(--tridactyl-bg); + padding-left: unset; + padding: 1rem; +} + +#completions table { font-size: 0.8rem; + font-weight: 200; + border-spacing: 0; + table-layout: fixed; + padding: 1rem; + padding-top: 1rem; + padding-bottom: 1rem; +} + +#completions > div { max-height: calc(20 * var(--option-height)); + min-height: calc(10 * var(--option-height)); +} + +/* COMPLETIONS */ + +#completions { --option-height: 1.4em; + color: var(--tridactyl-fg); + background: var(--tridactyl-bg); + display: inline-block; + font-size: unset; + font-weight: 200; + overflow: hidden; + width: 100%; + border-top: unset; + order: 2; +} + +/* Olie doesn't know how CSS inheritance works */ +#completions .HistoryCompletionSource { max-height: unset; + min-height: unset; +} + +#completions .HistoryCompletionSource table { width: 100%; + font-size: 9pt; + border-spacing: 0; + table-layout: fixed; +} + +/* redundancy 2: redundancy 2: more redundancy */ +#completions .BmarkCompletionSource { max-height: unset; + min-height: unset; +} + +#completions table tr td.prefix,#completions table tr td.privatewindow,#completions table tr td.container,#completions table tr td.icon { display: none; +} + +#completions .BufferCompletionSource table { width: unset; + font-size: unset; + border-spacing: unset; + table-layout: unset; +} + +#completions table tr .title { width: 50%; +} + +#completions table tr { white-space: nowrap; + overflow: hidden; + text-overflow: ellipsis; +} + +#completions .sectionHeader { background: unset; + font-weight: 200; + border-bottom: unset; + padding: 1rem !important; + padding-left: unset; + padding-bottom: 0.2rem; +} + +#cmdline_iframe { position: fixed !important; + bottom: unset; + top: 25% !important; + left: 10% !important; + z-index: 2147483647 !important; + width: 80% !important; + box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 20px !important; +} + +.TridactylStatusIndicator { position: fixed !important; + bottom: 0 !important; + background: var(--tridactyl-bg) !important; + border: unset !important; + border: 1px var(--base0B) solid !important; + font-size: 12pt !important; + /*font-weight: 200 !important;*/ + padding: 0.8ex !important; +} + +#completions .focused { background: var(--base0B); + color: var(--base00); +} + +#completions .focused .url { background: var(--base0B); + color: var(--base00); +} +/* #Ocean-normal { */ +/* border-color: green !important; */ +/* } */ + +/* #Ocean-insert { */ +/* border-color: yellow !important; */ +/* } */ diff --git a/tridactyl/themes/base16-google-dark.css b/tridactyl/themes/base16-google-dark.css new file mode 100644 index 0000000..7bff598 --- /dev/null +++ b/tridactyl/themes/base16-google-dark.css @@ -0,0 +1,153 @@ +:root { /* Google-dark by Chris Kempson (http://chriskempson.com) */ + --base00: #1d1f21; + --base01: #282a2e; + --base02: #373b41; + --base03: #969896; + --base04: #b4b7b4; + --base05: #c5c8c6; + --base06: #e0e0e0; + --base07: #ffffff; + --base08: #cc342b; + --base09: #f96a38; + --base0A: #fba922; + --base0B: #198844; + --base0C: #3971ed; + --base0D: #3971ed; + --base0E: #a36ac7; + --base0F: #3971ed; + + --tridactyl-fg: var(--base05); + --tridactyl-bg: var(--base00); + --tridactyl-url-fg: var(--base08); + --tridactyl-url-bg: var(--base00); + --tridactyl-highlight-box-bg: var(--base0B); + --tridactyl-highlight-box-fg: var(--base00); + + /* Hint character tags */ + --tridactyl-hintspan-fg: var(--base00) !important; + --tridactyl-hintspan-bg: var(--base0A) !important; + + /* Element Highlights */ + --tridactyl-hint-active-fg: none; + --tridactyl-hint-active-bg: none; + --tridactyl-hint-active-outline: none; + --tridactyl-hint-bg: none; + --tridactyl-hint-outline: none; +} + +#command-line-holder { order: 1; + border: 2px solid var(--base0B); + color: var(--tridactyl-bg); +} + +#tridactyl-input { padding: 1rem; + color: var(--tridactyl-fg); + width: 90%; + font-size: 1.5rem; + line-height: 1.5; + background: var(--tridactyl-bg); + padding-left: unset; + padding: 1rem; +} + +#completions table { font-size: 0.8rem; + font-weight: 200; + border-spacing: 0; + table-layout: fixed; + padding: 1rem; + padding-top: 1rem; + padding-bottom: 1rem; +} + +#completions > div { max-height: calc(20 * var(--option-height)); + min-height: calc(10 * var(--option-height)); +} + +/* COMPLETIONS */ + +#completions { --option-height: 1.4em; + color: var(--tridactyl-fg); + background: var(--tridactyl-bg); + display: inline-block; + font-size: unset; + font-weight: 200; + overflow: hidden; + width: 100%; + border-top: unset; + order: 2; +} + +/* Olie doesn't know how CSS inheritance works */ +#completions .HistoryCompletionSource { max-height: unset; + min-height: unset; +} + +#completions .HistoryCompletionSource table { width: 100%; + font-size: 9pt; + border-spacing: 0; + table-layout: fixed; +} + +/* redundancy 2: redundancy 2: more redundancy */ +#completions .BmarkCompletionSource { max-height: unset; + min-height: unset; +} + +#completions table tr td.prefix,#completions table tr td.privatewindow,#completions table tr td.container,#completions table tr td.icon { display: none; +} + +#completions .BufferCompletionSource table { width: unset; + font-size: unset; + border-spacing: unset; + table-layout: unset; +} + +#completions table tr .title { width: 50%; +} + +#completions table tr { white-space: nowrap; + overflow: hidden; + text-overflow: ellipsis; +} + +#completions .sectionHeader { background: unset; + font-weight: 200; + border-bottom: unset; + padding: 1rem !important; + padding-left: unset; + padding-bottom: 0.2rem; +} + +#cmdline_iframe { position: fixed !important; + bottom: unset; + top: 25% !important; + left: 10% !important; + z-index: 2147483647 !important; + width: 80% !important; + box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 20px !important; +} + +.TridactylStatusIndicator { position: fixed !important; + bottom: 0 !important; + background: var(--tridactyl-bg) !important; + border: unset !important; + border: 1px var(--base0B) solid !important; + font-size: 12pt !important; + /*font-weight: 200 !important;*/ + padding: 0.8ex !important; +} + +#completions .focused { background: var(--base0B); + color: var(--base00); +} + +#completions .focused .url { background: var(--base0B); + color: var(--base00); +} +/* #Ocean-normal { */ +/* border-color: green !important; */ +/* } */ + +/* #Ocean-insert { */ +/* border-color: yellow !important; */ +/* } */ diff --git a/tridactyl/themes/base16-google-light.css b/tridactyl/themes/base16-google-light.css new file mode 100644 index 0000000..fcf496c --- /dev/null +++ b/tridactyl/themes/base16-google-light.css @@ -0,0 +1,153 @@ +:root { /* Google-light by Chris Kempson (http://chriskempson.com) */ + --base00: #ffffff; + --base01: #e0e0e0; + --base02: #c5c8c6; + --base03: #b4b7b4; + --base04: #969896; + --base05: #373b41; + --base06: #282a2e; + --base07: #1d1f21; + --base08: #cc342b; + --base09: #f96a38; + --base0A: #fba922; + --base0B: #198844; + --base0C: #3971ed; + --base0D: #3971ed; + --base0E: #a36ac7; + --base0F: #3971ed; + + --tridactyl-fg: var(--base05); + --tridactyl-bg: var(--base00); + --tridactyl-url-fg: var(--base08); + --tridactyl-url-bg: var(--base00); + --tridactyl-highlight-box-bg: var(--base0B); + --tridactyl-highlight-box-fg: var(--base00); + + /* Hint character tags */ + --tridactyl-hintspan-fg: var(--base00) !important; + --tridactyl-hintspan-bg: var(--base0A) !important; + + /* Element Highlights */ + --tridactyl-hint-active-fg: none; + --tridactyl-hint-active-bg: none; + --tridactyl-hint-active-outline: none; + --tridactyl-hint-bg: none; + --tridactyl-hint-outline: none; +} + +#command-line-holder { order: 1; + border: 2px solid var(--base0B); + color: var(--tridactyl-bg); +} + +#tridactyl-input { padding: 1rem; + color: var(--tridactyl-fg); + width: 90%; + font-size: 1.5rem; + line-height: 1.5; + background: var(--tridactyl-bg); + padding-left: unset; + padding: 1rem; +} + +#completions table { font-size: 0.8rem; + font-weight: 200; + border-spacing: 0; + table-layout: fixed; + padding: 1rem; + padding-top: 1rem; + padding-bottom: 1rem; +} + +#completions > div { max-height: calc(20 * var(--option-height)); + min-height: calc(10 * var(--option-height)); +} + +/* COMPLETIONS */ + +#completions { --option-height: 1.4em; + color: var(--tridactyl-fg); + background: var(--tridactyl-bg); + display: inline-block; + font-size: unset; + font-weight: 200; + overflow: hidden; + width: 100%; + border-top: unset; + order: 2; +} + +/* Olie doesn't know how CSS inheritance works */ +#completions .HistoryCompletionSource { max-height: unset; + min-height: unset; +} + +#completions .HistoryCompletionSource table { width: 100%; + font-size: 9pt; + border-spacing: 0; + table-layout: fixed; +} + +/* redundancy 2: redundancy 2: more redundancy */ +#completions .BmarkCompletionSource { max-height: unset; + min-height: unset; +} + +#completions table tr td.prefix,#completions table tr td.privatewindow,#completions table tr td.container,#completions table tr td.icon { display: none; +} + +#completions .BufferCompletionSource table { width: unset; + font-size: unset; + border-spacing: unset; + table-layout: unset; +} + +#completions table tr .title { width: 50%; +} + +#completions table tr { white-space: nowrap; + overflow: hidden; + text-overflow: ellipsis; +} + +#completions .sectionHeader { background: unset; + font-weight: 200; + border-bottom: unset; + padding: 1rem !important; + padding-left: unset; + padding-bottom: 0.2rem; +} + +#cmdline_iframe { position: fixed !important; + bottom: unset; + top: 25% !important; + left: 10% !important; + z-index: 2147483647 !important; + width: 80% !important; + box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 20px !important; +} + +.TridactylStatusIndicator { position: fixed !important; + bottom: 0 !important; + background: var(--tridactyl-bg) !important; + border: unset !important; + border: 1px var(--base0B) solid !important; + font-size: 12pt !important; + /*font-weight: 200 !important;*/ + padding: 0.8ex !important; +} + +#completions .focused { background: var(--base0B); + color: var(--base00); +} + +#completions .focused .url { background: var(--base0B); + color: var(--base00); +} +/* #Ocean-normal { */ +/* border-color: green !important; */ +/* } */ + +/* #Ocean-insert { */ +/* border-color: yellow !important; */ +/* } */ diff --git a/tridactyl/themes/base16-grayscale-dark.css b/tridactyl/themes/base16-grayscale-dark.css new file mode 100644 index 0000000..85be042 --- /dev/null +++ b/tridactyl/themes/base16-grayscale-dark.css @@ -0,0 +1,153 @@ +:root { /* Grayscale-dark by Chris Kempson (http://chriskempson.com) */ + --base00: #101010; + --base01: #252525; + --base02: #464646; + --base03: #525252; + --base04: #ababab; + --base05: #b9b9b9; + --base06: #e3e3e3; + --base07: #f7f7f7; + --base08: #7c7c7c; + --base09: #999999; + --base0A: #a0a0a0; + --base0B: #8e8e8e; + --base0C: #868686; + --base0D: #686868; + --base0E: #747474; + --base0F: #5e5e5e; + + --tridactyl-fg: var(--base05); + --tridactyl-bg: var(--base00); + --tridactyl-url-fg: var(--base08); + --tridactyl-url-bg: var(--base00); + --tridactyl-highlight-box-bg: var(--base0B); + --tridactyl-highlight-box-fg: var(--base00); + + /* Hint character tags */ + --tridactyl-hintspan-fg: var(--base00) !important; + --tridactyl-hintspan-bg: var(--base0A) !important; + + /* Element Highlights */ + --tridactyl-hint-active-fg: none; + --tridactyl-hint-active-bg: none; + --tridactyl-hint-active-outline: none; + --tridactyl-hint-bg: none; + --tridactyl-hint-outline: none; +} + +#command-line-holder { order: 1; + border: 2px solid var(--base0B); + color: var(--tridactyl-bg); +} + +#tridactyl-input { padding: 1rem; + color: var(--tridactyl-fg); + width: 90%; + font-size: 1.5rem; + line-height: 1.5; + background: var(--tridactyl-bg); + padding-left: unset; + padding: 1rem; +} + +#completions table { font-size: 0.8rem; + font-weight: 200; + border-spacing: 0; + table-layout: fixed; + padding: 1rem; + padding-top: 1rem; + padding-bottom: 1rem; +} + +#completions > div { max-height: calc(20 * var(--option-height)); + min-height: calc(10 * var(--option-height)); +} + +/* COMPLETIONS */ + +#completions { --option-height: 1.4em; + color: var(--tridactyl-fg); + background: var(--tridactyl-bg); + display: inline-block; + font-size: unset; + font-weight: 200; + overflow: hidden; + width: 100%; + border-top: unset; + order: 2; +} + +/* Olie doesn't know how CSS inheritance works */ +#completions .HistoryCompletionSource { max-height: unset; + min-height: unset; +} + +#completions .HistoryCompletionSource table { width: 100%; + font-size: 9pt; + border-spacing: 0; + table-layout: fixed; +} + +/* redundancy 2: redundancy 2: more redundancy */ +#completions .BmarkCompletionSource { max-height: unset; + min-height: unset; +} + +#completions table tr td.prefix,#completions table tr td.privatewindow,#completions table tr td.container,#completions table tr td.icon { display: none; +} + +#completions .BufferCompletionSource table { width: unset; + font-size: unset; + border-spacing: unset; + table-layout: unset; +} + +#completions table tr .title { width: 50%; +} + +#completions table tr { white-space: nowrap; + overflow: hidden; + text-overflow: ellipsis; +} + +#completions .sectionHeader { background: unset; + font-weight: 200; + border-bottom: unset; + padding: 1rem !important; + padding-left: unset; + padding-bottom: 0.2rem; +} + +#cmdline_iframe { position: fixed !important; + bottom: unset; + top: 25% !important; + left: 10% !important; + z-index: 2147483647 !important; + width: 80% !important; + box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 20px !important; +} + +.TridactylStatusIndicator { position: fixed !important; + bottom: 0 !important; + background: var(--tridactyl-bg) !important; + border: unset !important; + border: 1px var(--base0B) solid !important; + font-size: 12pt !important; + /*font-weight: 200 !important;*/ + padding: 0.8ex !important; +} + +#completions .focused { background: var(--base0B); + color: var(--base00); +} + +#completions .focused .url { background: var(--base0B); + color: var(--base00); +} +/* #Ocean-normal { */ +/* border-color: green !important; */ +/* } */ + +/* #Ocean-insert { */ +/* border-color: yellow !important; */ +/* } */ diff --git a/tridactyl/themes/base16-grayscale-light.css b/tridactyl/themes/base16-grayscale-light.css new file mode 100644 index 0000000..dbe0a4d --- /dev/null +++ b/tridactyl/themes/base16-grayscale-light.css @@ -0,0 +1,156 @@ +:root { /* Grayscale-light by Chris Kempson (http://chriskempson.com) */ + --base00: #f7f7f7; + --base01: #e3e3e3; + --base02: #b9b9b9; + --base03: #ababab; + --base04: #525252; + --base05: #464646; + --base06: #252525; + --base07: #101010; + --base08: #7c7c7c; + --base09: #999999; + --base0A: #a0a0a0; + --base0B: #8e8e8e; + --base0C: #868686; + --base0D: #686868; + --base0E: #747474; + --base0F: #5e5e5e; + + --tridactyl-fg: var(--base05); + --tridactyl-bg: var(--base00); + --tridactyl-url-fg: var(--base08); + --tridactyl-url-bg: var(--base00); + --tridactyl-highlight-box-bg: var(--base0B); + --tridactyl-highlight-box-fg: var(--base00); + + /* Hint character tags */ + --tridactyl-hintspan-fg: var(--base00) !important; + --tridactyl-hintspan-bg: var(--base0A) !important; + + /* Element Highlights */ + --tridactyl-hint-active-fg: none; + --tridactyl-hint-active-bg: none; + --tridactyl-hint-active-outline: none; + --tridactyl-hint-bg: none; + --tridactyl-hint-outline: none; +} + +#command-line-holder { order: 1; + border: 2px solid var(--base0B); + color: var(--tridactyl-bg); +} + +#tridactyl-input { padding: 1rem; + color: var(--tridactyl-fg); + width: 90%; + font-size: 1.5rem; + line-height: 1.5; + background: var(--tridactyl-bg); + padding-left: unset; + padding: 1rem; +} + +#completions table { font-size: 0.8rem; + font-weight: 200; + border-spacing: 0; + table-layout: fixed; + padding: 1rem; + padding-top: 1rem; + padding-bottom: 1rem; +} + +#completions > div { max-height: calc(20 * var(--option-height)); + min-height: calc(10 * var(--option-height)); +} + +/* COMPLETIONS */ + +#completions { --option-height: 1.4em; + color: var(--tridactyl-fg); + background: var(--tridactyl-bg); + display: inline-block; + font-size: unset; + font-weight: 200; + overflow: hidden; + width: 100%; + border-top: unset; + order: 2; +} + +/* Olie doesn't know how CSS inheritance works */ +#completions .HistoryCompletionSource { max-height: unset; + min-height: unset; +} + + #completions + .HistoryCompletionSource + table { + width: 100%; + font-size: 9pt; + border-spacing: 0; + table-layout: fixed; +} + +/* redundancy 2: redundancy 2: more redundancy */ +#completions .BmarkCompletionSource { max-height: unset; + min-height: unset; +} + +#completions table tr td.prefix,#completions table tr td.privatewindow,#completions table tr td.container,#completions table tr td.icon { display: none; +} + +#completions .BufferCompletionSource table { width: unset; + font-size: unset; + border-spacing: unset; + table-layout: unset; +} + +#completions table tr .title { width: 50%; +} + +#completions table tr { white-space: nowrap; + overflow: hidden; + text-overflow: ellipsis; +} + +#completions .sectionHeader { background: unset; + font-weight: 200; + border-bottom: unset; + padding: 1rem !important; + padding-left: unset; + padding-bottom: 0.2rem; +} + +#cmdline_iframe { position: fixed !important; + bottom: unset; + top: 25% !important; + left: 10% !important; + z-index: 2147483647 !important; + width: 80% !important; + box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 20px !important; +} + +.TridactylStatusIndicator { position: fixed !important; + bottom: 0 !important; + background: var(--tridactyl-bg) !important; + border: unset !important; + border: 1px var(--base0B) solid !important; + font-size: 12pt !important; + /*font-weight: 200 !important;*/ + padding: 0.8ex !important; +} + +#completions .focused { background: var(--base0B); + color: var(--base00); +} + +#completions .focused .url { background: var(--base0B); + color: var(--base00); +} +/* #Ocean-normal { */ +/* border-color: green !important; */ +/* } */ + +/* #Ocean-insert { */ +/* border-color: yellow !important; */ +/* } */ diff --git a/tridactyl/themes/base16-green-screen.css b/tridactyl/themes/base16-green-screen.css new file mode 100644 index 0000000..d1256d1 --- /dev/null +++ b/tridactyl/themes/base16-green-screen.css @@ -0,0 +1,153 @@ +:root { /* Green-screen by Chris Kempson (http://chriskempson.com) */ + --base00: #001100; + --base01: #003300; + --base02: #005500; + --base03: #007700; + --base04: #009900; + --base05: #00bb00; + --base06: #00dd00; + --base07: #00ff00; + --base08: #007700; + --base09: #009900; + --base0A: #007700; + --base0B: #00bb00; + --base0C: #005500; + --base0D: #009900; + --base0E: #00bb00; + --base0F: #005500; + + --tridactyl-fg: var(--base05); + --tridactyl-bg: var(--base00); + --tridactyl-url-fg: var(--base08); + --tridactyl-url-bg: var(--base00); + --tridactyl-highlight-box-bg: var(--base0B); + --tridactyl-highlight-box-fg: var(--base00); + + /* Hint character tags */ + --tridactyl-hintspan-fg: var(--base00) !important; + --tridactyl-hintspan-bg: var(--base0A) !important; + + /* Element Highlights */ + --tridactyl-hint-active-fg: none; + --tridactyl-hint-active-bg: none; + --tridactyl-hint-active-outline: none; + --tridactyl-hint-bg: none; + --tridactyl-hint-outline: none; +} + +#command-line-holder { order: 1; + border: 2px solid var(--base0B); + color: var(--tridactyl-bg); +} + +#tridactyl-input { padding: 1rem; + color: var(--tridactyl-fg); + width: 90%; + font-size: 1.5rem; + line-height: 1.5; + background: var(--tridactyl-bg); + padding-left: unset; + padding: 1rem; +} + +#completions table { font-size: 0.8rem; + font-weight: 200; + border-spacing: 0; + table-layout: fixed; + padding: 1rem; + padding-top: 1rem; + padding-bottom: 1rem; +} + +#completions > div { max-height: calc(20 * var(--option-height)); + min-height: calc(10 * var(--option-height)); +} + +/* COMPLETIONS */ + +#completions { --option-height: 1.4em; + color: var(--tridactyl-fg); + background: var(--tridactyl-bg); + display: inline-block; + font-size: unset; + font-weight: 200; + overflow: hidden; + width: 100%; + border-top: unset; + order: 2; +} + +/* Olie doesn't know how CSS inheritance works */ +#completions .HistoryCompletionSource { max-height: unset; + min-height: unset; +} + +#completions .HistoryCompletionSource table { width: 100%; + font-size: 9pt; + border-spacing: 0; + table-layout: fixed; +} + +/* redundancy 2: redundancy 2: more redundancy */ +#completions .BmarkCompletionSource { max-height: unset; + min-height: unset; +} + +#completions table tr td.prefix,#completions table tr td.privatewindow,#completions table tr td.container,#completions table tr td.icon { display: none; +} + +#completions .BufferCompletionSource table { width: unset; + font-size: unset; + border-spacing: unset; + table-layout: unset; +} + +#completions table tr .title { width: 50%; +} + +#completions table tr { white-space: nowrap; + overflow: hidden; + text-overflow: ellipsis; +} + +#completions .sectionHeader { background: unset; + font-weight: 200; + border-bottom: unset; + padding: 1rem !important; + padding-left: unset; + padding-bottom: 0.2rem; +} + +#cmdline_iframe { position: fixed !important; + bottom: unset; + top: 25% !important; + left: 10% !important; + z-index: 2147483647 !important; + width: 80% !important; + box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 20px !important; +} + +.TridactylStatusIndicator { position: fixed !important; + bottom: 0 !important; + background: var(--tridactyl-bg) !important; + border: unset !important; + border: 1px var(--base0B) solid !important; + font-size: 12pt !important; + /*font-weight: 200 !important;*/ + padding: 0.8ex !important; +} + +#completions .focused { background: var(--base0B); + color: var(--base00); +} + +#completions .focused .url { background: var(--base0B); + color: var(--base00); +} +/* #Ocean-normal { */ +/* border-color: green !important; */ +/* } */ + +/* #Ocean-insert { */ +/* border-color: yellow !important; */ +/* } */ diff --git a/tridactyl/themes/base16-gruvbox-dark-hard.css b/tridactyl/themes/base16-gruvbox-dark-hard.css new file mode 100644 index 0000000..1cdd7c3 --- /dev/null +++ b/tridactyl/themes/base16-gruvbox-dark-hard.css @@ -0,0 +1,159 @@ +:root { /* Gruvbox-dark-hard by Chris Kempson (http://chriskempson.com) */ + --base00: #1d2021; + --base01: #3c3836; + --base02: #504945; + --base03: #665c54; + --base04: #bdae93; + --base05: #d5c4a1; + --base06: #ebdbb2; + --base07: #fbf1c7; + --base08: #fb4934; + --base09: #fe8019; + --base0A: #fabd2f; + --base0B: #b8bb26; + --base0C: #8ec07c; + --base0D: #83a598; + --base0E: #d3869b; + --base0F: #d65d0e; + + --tridactyl-fg: var(--base05); + --tridactyl-bg: var(--base00); + --tridactyl-url-fg: var(--base08); + --tridactyl-url-bg: var(--base00); + --tridactyl-highlight-box-bg: var(--base0B); + --tridactyl-highlight-box-fg: var(--base00); + + /* Hint character tags */ + --tridactyl-hintspan-fg: var(--base00) !important; + --tridactyl-hintspan-bg: var(--base0A) !important; + + /* Element Highlights */ + --tridactyl-hint-active-fg: none; + --tridactyl-hint-active-bg: none; + --tridactyl-hint-active-outline: none; + --tridactyl-hint-bg: none; + --tridactyl-hint-outline: none; +} + +#command-line-holder { order: 1; + border: 2px solid var(--base0B); + color: var(--tridactyl-bg); +} + +#tridactyl-input { padding: 1rem; + color: var(--tridactyl-fg); + width: 90%; + font-size: 1.5rem; + line-height: 1.5; + background: var(--tridactyl-bg); + padding-left: unset; + padding: 1rem; +} + +#completions table { font-size: 0.8rem; + font-weight: 200; + border-spacing: 0; + table-layout: fixed; + padding: 1rem; + padding-top: 1rem; + padding-bottom: 1rem; +} + +#completions > div { max-height: calc(20 * var(--option-height)); + min-height: calc(10 * var(--option-height)); +} + +/* COMPLETIONS */ + +#completions { --option-height: 1.4em; + color: var(--tridactyl-fg); + background: var(--tridactyl-bg); + display: inline-block; + font-size: unset; + font-weight: 200; + overflow: hidden; + width: 100%; + border-top: unset; + order: 2; +} + +/* Olie doesn't know how CSS inheritance works */ +#completions .HistoryCompletionSource { max-height: unset; + min-height: unset; +} + + #completions + .HistoryCompletionSource + table { + width: 100%; + font-size: 9pt; + border-spacing: 0; + table-layout: fixed; +} + +/* redundancy 2: redundancy 2: more redundancy */ +#completions .BmarkCompletionSource { max-height: unset; + min-height: unset; +} + +#completions table tr td.prefix,#completions table tr td.privatewindow,#completions table tr td.container,#completions table tr td.icon { display: none; +} + + #completions + .BufferCompletionSource + table { + width: unset; + font-size: unset; + border-spacing: unset; + table-layout: unset; +} + +#completions table tr .title { width: 50%; +} + +#completions table tr { white-space: nowrap; + overflow: hidden; + text-overflow: ellipsis; +} + +#completions .sectionHeader { background: unset; + font-weight: 200; + border-bottom: unset; + padding: 1rem !important; + padding-left: unset; + padding-bottom: 0.2rem; +} + +#cmdline_iframe { position: fixed !important; + bottom: unset; + top: 25% !important; + left: 10% !important; + z-index: 2147483647 !important; + width: 80% !important; + box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 20px !important; +} + +.TridactylStatusIndicator { position: fixed !important; + bottom: 0 !important; + background: var(--tridactyl-bg) !important; + border: unset !important; + border: 1px var(--base0B) solid !important; + font-size: 12pt !important; + /*font-weight: 200 !important;*/ + padding: 0.8ex !important; +} + +#completions .focused { background: var(--base0B); + color: var(--base00); +} + +#completions .focused .url { background: var(--base0B); + color: var(--base00); +} +/* #Ocean-normal { */ +/* border-color: green !important; */ +/* } */ + +/* #Ocean-insert { */ +/* border-color: yellow !important; */ +/* } */ diff --git a/tridactyl/themes/base16-gruvbox-dark-medium.css b/tridactyl/themes/base16-gruvbox-dark-medium.css new file mode 100644 index 0000000..8ff2755 --- /dev/null +++ b/tridactyl/themes/base16-gruvbox-dark-medium.css @@ -0,0 +1,159 @@ +:root { /* Gruvbox-dark-medium by Chris Kempson (http://chriskempson.com) */ + --base00: #282828; + --base01: #3c3836; + --base02: #504945; + --base03: #665c54; + --base04: #bdae93; + --base05: #d5c4a1; + --base06: #ebdbb2; + --base07: #fbf1c7; + --base08: #fb4934; + --base09: #fe8019; + --base0A: #fabd2f; + --base0B: #b8bb26; + --base0C: #8ec07c; + --base0D: #83a598; + --base0E: #d3869b; + --base0F: #d65d0e; + + --tridactyl-fg: var(--base05); + --tridactyl-bg: var(--base00); + --tridactyl-url-fg: var(--base08); + --tridactyl-url-bg: var(--base00); + --tridactyl-highlight-box-bg: var(--base0B); + --tridactyl-highlight-box-fg: var(--base00); + + /* Hint character tags */ + --tridactyl-hintspan-fg: var(--base00) !important; + --tridactyl-hintspan-bg: var(--base0A) !important; + + /* Element Highlights */ + --tridactyl-hint-active-fg: none; + --tridactyl-hint-active-bg: none; + --tridactyl-hint-active-outline: none; + --tridactyl-hint-bg: none; + --tridactyl-hint-outline: none; +} + +#command-line-holder { order: 1; + border: 2px solid var(--base0B); + color: var(--tridactyl-bg); +} + +#tridactyl-input { padding: 1rem; + color: var(--tridactyl-fg); + width: 90%; + font-size: 1.5rem; + line-height: 1.5; + background: var(--tridactyl-bg); + padding-left: unset; + padding: 1rem; +} + +#completions table { font-size: 0.8rem; + font-weight: 200; + border-spacing: 0; + table-layout: fixed; + padding: 1rem; + padding-top: 1rem; + padding-bottom: 1rem; +} + +#completions > div { max-height: calc(20 * var(--option-height)); + min-height: calc(10 * var(--option-height)); +} + +/* COMPLETIONS */ + +#completions { --option-height: 1.4em; + color: var(--tridactyl-fg); + background: var(--tridactyl-bg); + display: inline-block; + font-size: unset; + font-weight: 200; + overflow: hidden; + width: 100%; + border-top: unset; + order: 2; +} + +/* Olie doesn't know how CSS inheritance works */ +#completions .HistoryCompletionSource { max-height: unset; + min-height: unset; +} + + #completions + .HistoryCompletionSource + table { + width: 100%; + font-size: 9pt; + border-spacing: 0; + table-layout: fixed; +} + +/* redundancy 2: redundancy 2: more redundancy */ +#completions .BmarkCompletionSource { max-height: unset; + min-height: unset; +} + +#completions table tr td.prefix,#completions table tr td.privatewindow,#completions table tr td.container,#completions table tr td.icon { display: none; +} + + #completions + .BufferCompletionSource + table { + width: unset; + font-size: unset; + border-spacing: unset; + table-layout: unset; +} + +#completions table tr .title { width: 50%; +} + +#completions table tr { white-space: nowrap; + overflow: hidden; + text-overflow: ellipsis; +} + +#completions .sectionHeader { background: unset; + font-weight: 200; + border-bottom: unset; + padding: 1rem !important; + padding-left: unset; + padding-bottom: 0.2rem; +} + +#cmdline_iframe { position: fixed !important; + bottom: unset; + top: 25% !important; + left: 10% !important; + z-index: 2147483647 !important; + width: 80% !important; + box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 20px !important; +} + +.TridactylStatusIndicator { position: fixed !important; + bottom: 0 !important; + background: var(--tridactyl-bg) !important; + border: unset !important; + border: 1px var(--base0B) solid !important; + font-size: 12pt !important; + /*font-weight: 200 !important;*/ + padding: 0.8ex !important; +} + +#completions .focused { background: var(--base0B); + color: var(--base00); +} + +#completions .focused .url { background: var(--base0B); + color: var(--base00); +} +/* #Ocean-normal { */ +/* border-color: green !important; */ +/* } */ + +/* #Ocean-insert { */ +/* border-color: yellow !important; */ +/* } */ diff --git a/tridactyl/themes/base16-gruvbox-dark-pale.css b/tridactyl/themes/base16-gruvbox-dark-pale.css new file mode 100644 index 0000000..0854bff --- /dev/null +++ b/tridactyl/themes/base16-gruvbox-dark-pale.css @@ -0,0 +1,159 @@ +:root { /* Gruvbox-dark-pale by Chris Kempson (http://chriskempson.com) */ + --base00: #262626; + --base01: #3a3a3a; + --base02: #4e4e4e; + --base03: #8a8a8a; + --base04: #949494; + --base05: #dab997; + --base06: #d5c4a1; + --base07: #ebdbb2; + --base08: #d75f5f; + --base09: #ff8700; + --base0A: #ffaf00; + --base0B: #afaf00; + --base0C: #85ad85; + --base0D: #83adad; + --base0E: #d485ad; + --base0F: #d65d0e; + + --tridactyl-fg: var(--base05); + --tridactyl-bg: var(--base00); + --tridactyl-url-fg: var(--base08); + --tridactyl-url-bg: var(--base00); + --tridactyl-highlight-box-bg: var(--base0B); + --tridactyl-highlight-box-fg: var(--base00); + + /* Hint character tags */ + --tridactyl-hintspan-fg: var(--base00) !important; + --tridactyl-hintspan-bg: var(--base0A) !important; + + /* Element Highlights */ + --tridactyl-hint-active-fg: none; + --tridactyl-hint-active-bg: none; + --tridactyl-hint-active-outline: none; + --tridactyl-hint-bg: none; + --tridactyl-hint-outline: none; +} + +#command-line-holder { order: 1; + border: 2px solid var(--base0B); + color: var(--tridactyl-bg); +} + +#tridactyl-input { padding: 1rem; + color: var(--tridactyl-fg); + width: 90%; + font-size: 1.5rem; + line-height: 1.5; + background: var(--tridactyl-bg); + padding-left: unset; + padding: 1rem; +} + +#completions table { font-size: 0.8rem; + font-weight: 200; + border-spacing: 0; + table-layout: fixed; + padding: 1rem; + padding-top: 1rem; + padding-bottom: 1rem; +} + +#completions > div { max-height: calc(20 * var(--option-height)); + min-height: calc(10 * var(--option-height)); +} + +/* COMPLETIONS */ + +#completions { --option-height: 1.4em; + color: var(--tridactyl-fg); + background: var(--tridactyl-bg); + display: inline-block; + font-size: unset; + font-weight: 200; + overflow: hidden; + width: 100%; + border-top: unset; + order: 2; +} + +/* Olie doesn't know how CSS inheritance works */ +#completions .HistoryCompletionSource { max-height: unset; + min-height: unset; +} + + #completions + .HistoryCompletionSource + table { + width: 100%; + font-size: 9pt; + border-spacing: 0; + table-layout: fixed; +} + +/* redundancy 2: redundancy 2: more redundancy */ +#completions .BmarkCompletionSource { max-height: unset; + min-height: unset; +} + +#completions table tr td.prefix,#completions table tr td.privatewindow,#completions table tr td.container,#completions table tr td.icon { display: none; +} + + #completions + .BufferCompletionSource + table { + width: unset; + font-size: unset; + border-spacing: unset; + table-layout: unset; +} + +#completions table tr .title { width: 50%; +} + +#completions table tr { white-space: nowrap; + overflow: hidden; + text-overflow: ellipsis; +} + +#completions .sectionHeader { background: unset; + font-weight: 200; + border-bottom: unset; + padding: 1rem !important; + padding-left: unset; + padding-bottom: 0.2rem; +} + +#cmdline_iframe { position: fixed !important; + bottom: unset; + top: 25% !important; + left: 10% !important; + z-index: 2147483647 !important; + width: 80% !important; + box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 20px !important; +} + +.TridactylStatusIndicator { position: fixed !important; + bottom: 0 !important; + background: var(--tridactyl-bg) !important; + border: unset !important; + border: 1px var(--base0B) solid !important; + font-size: 12pt !important; + /*font-weight: 200 !important;*/ + padding: 0.8ex !important; +} + +#completions .focused { background: var(--base0B); + color: var(--base00); +} + +#completions .focused .url { background: var(--base0B); + color: var(--base00); +} +/* #Ocean-normal { */ +/* border-color: green !important; */ +/* } */ + +/* #Ocean-insert { */ +/* border-color: yellow !important; */ +/* } */ diff --git a/tridactyl/themes/base16-gruvbox-dark-soft.css b/tridactyl/themes/base16-gruvbox-dark-soft.css new file mode 100644 index 0000000..4aead1d --- /dev/null +++ b/tridactyl/themes/base16-gruvbox-dark-soft.css @@ -0,0 +1,159 @@ +:root { /* Gruvbox-dark-soft by Chris Kempson (http://chriskempson.com) */ + --base00: #32302f; + --base01: #3c3836; + --base02: #504945; + --base03: #665c54; + --base04: #bdae93; + --base05: #d5c4a1; + --base06: #ebdbb2; + --base07: #fbf1c7; + --base08: #fb4934; + --base09: #fe8019; + --base0A: #fabd2f; + --base0B: #b8bb26; + --base0C: #8ec07c; + --base0D: #83a598; + --base0E: #d3869b; + --base0F: #d65d0e; + + --tridactyl-fg: var(--base05); + --tridactyl-bg: var(--base00); + --tridactyl-url-fg: var(--base08); + --tridactyl-url-bg: var(--base00); + --tridactyl-highlight-box-bg: var(--base0B); + --tridactyl-highlight-box-fg: var(--base00); + + /* Hint character tags */ + --tridactyl-hintspan-fg: var(--base00) !important; + --tridactyl-hintspan-bg: var(--base0A) !important; + + /* Element Highlights */ + --tridactyl-hint-active-fg: none; + --tridactyl-hint-active-bg: none; + --tridactyl-hint-active-outline: none; + --tridactyl-hint-bg: none; + --tridactyl-hint-outline: none; +} + +#command-line-holder { order: 1; + border: 2px solid var(--base0B); + color: var(--tridactyl-bg); +} + +#tridactyl-input { padding: 1rem; + color: var(--tridactyl-fg); + width: 90%; + font-size: 1.5rem; + line-height: 1.5; + background: var(--tridactyl-bg); + padding-left: unset; + padding: 1rem; +} + +#completions table { font-size: 0.8rem; + font-weight: 200; + border-spacing: 0; + table-layout: fixed; + padding: 1rem; + padding-top: 1rem; + padding-bottom: 1rem; +} + +#completions > div { max-height: calc(20 * var(--option-height)); + min-height: calc(10 * var(--option-height)); +} + +/* COMPLETIONS */ + +#completions { --option-height: 1.4em; + color: var(--tridactyl-fg); + background: var(--tridactyl-bg); + display: inline-block; + font-size: unset; + font-weight: 200; + overflow: hidden; + width: 100%; + border-top: unset; + order: 2; +} + +/* Olie doesn't know how CSS inheritance works */ +#completions .HistoryCompletionSource { max-height: unset; + min-height: unset; +} + + #completions + .HistoryCompletionSource + table { + width: 100%; + font-size: 9pt; + border-spacing: 0; + table-layout: fixed; +} + +/* redundancy 2: redundancy 2: more redundancy */ +#completions .BmarkCompletionSource { max-height: unset; + min-height: unset; +} + +#completions table tr td.prefix,#completions table tr td.privatewindow,#completions table tr td.container,#completions table tr td.icon { display: none; +} + + #completions + .BufferCompletionSource + table { + width: unset; + font-size: unset; + border-spacing: unset; + table-layout: unset; +} + +#completions table tr .title { width: 50%; +} + +#completions table tr { white-space: nowrap; + overflow: hidden; + text-overflow: ellipsis; +} + +#completions .sectionHeader { background: unset; + font-weight: 200; + border-bottom: unset; + padding: 1rem !important; + padding-left: unset; + padding-bottom: 0.2rem; +} + +#cmdline_iframe { position: fixed !important; + bottom: unset; + top: 25% !important; + left: 10% !important; + z-index: 2147483647 !important; + width: 80% !important; + box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 20px !important; +} + +.TridactylStatusIndicator { position: fixed !important; + bottom: 0 !important; + background: var(--tridactyl-bg) !important; + border: unset !important; + border: 1px var(--base0B) solid !important; + font-size: 12pt !important; + /*font-weight: 200 !important;*/ + padding: 0.8ex !important; +} + +#completions .focused { background: var(--base0B); + color: var(--base00); +} + +#completions .focused .url { background: var(--base0B); + color: var(--base00); +} +/* #Ocean-normal { */ +/* border-color: green !important; */ +/* } */ + +/* #Ocean-insert { */ +/* border-color: yellow !important; */ +/* } */ diff --git a/tridactyl/themes/base16-gruvbox-light-hard.css b/tridactyl/themes/base16-gruvbox-light-hard.css new file mode 100644 index 0000000..8ee2dd8 --- /dev/null +++ b/tridactyl/themes/base16-gruvbox-light-hard.css @@ -0,0 +1,159 @@ +:root { /* Gruvbox-light-hard by Chris Kempson (http://chriskempson.com) */ + --base00: #f9f5d7; + --base01: #ebdbb2; + --base02: #d5c4a1; + --base03: #bdae93; + --base04: #665c54; + --base05: #504945; + --base06: #3c3836; + --base07: #282828; + --base08: #9d0006; + --base09: #af3a03; + --base0A: #b57614; + --base0B: #79740e; + --base0C: #427b58; + --base0D: #076678; + --base0E: #8f3f71; + --base0F: #d65d0e; + + --tridactyl-fg: var(--base05); + --tridactyl-bg: var(--base00); + --tridactyl-url-fg: var(--base08); + --tridactyl-url-bg: var(--base00); + --tridactyl-highlight-box-bg: var(--base0B); + --tridactyl-highlight-box-fg: var(--base00); + + /* Hint character tags */ + --tridactyl-hintspan-fg: var(--base00) !important; + --tridactyl-hintspan-bg: var(--base0A) !important; + + /* Element Highlights */ + --tridactyl-hint-active-fg: none; + --tridactyl-hint-active-bg: none; + --tridactyl-hint-active-outline: none; + --tridactyl-hint-bg: none; + --tridactyl-hint-outline: none; +} + +#command-line-holder { order: 1; + border: 2px solid var(--base0B); + color: var(--tridactyl-bg); +} + +#tridactyl-input { padding: 1rem; + color: var(--tridactyl-fg); + width: 90%; + font-size: 1.5rem; + line-height: 1.5; + background: var(--tridactyl-bg); + padding-left: unset; + padding: 1rem; +} + +#completions table { font-size: 0.8rem; + font-weight: 200; + border-spacing: 0; + table-layout: fixed; + padding: 1rem; + padding-top: 1rem; + padding-bottom: 1rem; +} + +#completions > div { max-height: calc(20 * var(--option-height)); + min-height: calc(10 * var(--option-height)); +} + +/* COMPLETIONS */ + +#completions { --option-height: 1.4em; + color: var(--tridactyl-fg); + background: var(--tridactyl-bg); + display: inline-block; + font-size: unset; + font-weight: 200; + overflow: hidden; + width: 100%; + border-top: unset; + order: 2; +} + +/* Olie doesn't know how CSS inheritance works */ +#completions .HistoryCompletionSource { max-height: unset; + min-height: unset; +} + + #completions + .HistoryCompletionSource + table { + width: 100%; + font-size: 9pt; + border-spacing: 0; + table-layout: fixed; +} + +/* redundancy 2: redundancy 2: more redundancy */ +#completions .BmarkCompletionSource { max-height: unset; + min-height: unset; +} + +#completions table tr td.prefix,#completions table tr td.privatewindow,#completions table tr td.container,#completions table tr td.icon { display: none; +} + + #completions + .BufferCompletionSource + table { + width: unset; + font-size: unset; + border-spacing: unset; + table-layout: unset; +} + +#completions table tr .title { width: 50%; +} + +#completions table tr { white-space: nowrap; + overflow: hidden; + text-overflow: ellipsis; +} + +#completions .sectionHeader { background: unset; + font-weight: 200; + border-bottom: unset; + padding: 1rem !important; + padding-left: unset; + padding-bottom: 0.2rem; +} + +#cmdline_iframe { position: fixed !important; + bottom: unset; + top: 25% !important; + left: 10% !important; + z-index: 2147483647 !important; + width: 80% !important; + box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 20px !important; +} + +.TridactylStatusIndicator { position: fixed !important; + bottom: 0 !important; + background: var(--tridactyl-bg) !important; + border: unset !important; + border: 1px var(--base0B) solid !important; + font-size: 12pt !important; + /*font-weight: 200 !important;*/ + padding: 0.8ex !important; +} + +#completions .focused { background: var(--base0B); + color: var(--base00); +} + +#completions .focused .url { background: var(--base0B); + color: var(--base00); +} +/* #Ocean-normal { */ +/* border-color: green !important; */ +/* } */ + +/* #Ocean-insert { */ +/* border-color: yellow !important; */ +/* } */ diff --git a/tridactyl/themes/base16-gruvbox-light-medium.css b/tridactyl/themes/base16-gruvbox-light-medium.css new file mode 100644 index 0000000..6a143ce --- /dev/null +++ b/tridactyl/themes/base16-gruvbox-light-medium.css @@ -0,0 +1,159 @@ +:root { /* Gruvbox-light-medium by Chris Kempson (http://chriskempson.com) */ + --base00: #fbf1c7; + --base01: #ebdbb2; + --base02: #d5c4a1; + --base03: #bdae93; + --base04: #665c54; + --base05: #504945; + --base06: #3c3836; + --base07: #282828; + --base08: #9d0006; + --base09: #af3a03; + --base0A: #b57614; + --base0B: #79740e; + --base0C: #427b58; + --base0D: #076678; + --base0E: #8f3f71; + --base0F: #d65d0e; + + --tridactyl-fg: var(--base05); + --tridactyl-bg: var(--base00); + --tridactyl-url-fg: var(--base08); + --tridactyl-url-bg: var(--base00); + --tridactyl-highlight-box-bg: var(--base0B); + --tridactyl-highlight-box-fg: var(--base00); + + /* Hint character tags */ + --tridactyl-hintspan-fg: var(--base00) !important; + --tridactyl-hintspan-bg: var(--base0A) !important; + + /* Element Highlights */ + --tridactyl-hint-active-fg: none; + --tridactyl-hint-active-bg: none; + --tridactyl-hint-active-outline: none; + --tridactyl-hint-bg: none; + --tridactyl-hint-outline: none; +} + +#command-line-holder { order: 1; + border: 2px solid var(--base0B); + color: var(--tridactyl-bg); +} + +#tridactyl-input { padding: 1rem; + color: var(--tridactyl-fg); + width: 90%; + font-size: 1.5rem; + line-height: 1.5; + background: var(--tridactyl-bg); + padding-left: unset; + padding: 1rem; +} + +#completions table { font-size: 0.8rem; + font-weight: 200; + border-spacing: 0; + table-layout: fixed; + padding: 1rem; + padding-top: 1rem; + padding-bottom: 1rem; +} + +#completions > div { max-height: calc(20 * var(--option-height)); + min-height: calc(10 * var(--option-height)); +} + +/* COMPLETIONS */ + +#completions { --option-height: 1.4em; + color: var(--tridactyl-fg); + background: var(--tridactyl-bg); + display: inline-block; + font-size: unset; + font-weight: 200; + overflow: hidden; + width: 100%; + border-top: unset; + order: 2; +} + +/* Olie doesn't know how CSS inheritance works */ +#completions .HistoryCompletionSource { max-height: unset; + min-height: unset; +} + + #completions + .HistoryCompletionSource + table { + width: 100%; + font-size: 9pt; + border-spacing: 0; + table-layout: fixed; +} + +/* redundancy 2: redundancy 2: more redundancy */ +#completions .BmarkCompletionSource { max-height: unset; + min-height: unset; +} + +#completions table tr td.prefix,#completions table tr td.privatewindow,#completions table tr td.container,#completions table tr td.icon { display: none; +} + + #completions + .BufferCompletionSource + table { + width: unset; + font-size: unset; + border-spacing: unset; + table-layout: unset; +} + +#completions table tr .title { width: 50%; +} + +#completions table tr { white-space: nowrap; + overflow: hidden; + text-overflow: ellipsis; +} + +#completions .sectionHeader { background: unset; + font-weight: 200; + border-bottom: unset; + padding: 1rem !important; + padding-left: unset; + padding-bottom: 0.2rem; +} + +#cmdline_iframe { position: fixed !important; + bottom: unset; + top: 25% !important; + left: 10% !important; + z-index: 2147483647 !important; + width: 80% !important; + box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 20px !important; +} + +.TridactylStatusIndicator { position: fixed !important; + bottom: 0 !important; + background: var(--tridactyl-bg) !important; + border: unset !important; + border: 1px var(--base0B) solid !important; + font-size: 12pt !important; + /*font-weight: 200 !important;*/ + padding: 0.8ex !important; +} + +#completions .focused { background: var(--base0B); + color: var(--base00); +} + +#completions .focused .url { background: var(--base0B); + color: var(--base00); +} +/* #Ocean-normal { */ +/* border-color: green !important; */ +/* } */ + +/* #Ocean-insert { */ +/* border-color: yellow !important; */ +/* } */ diff --git a/tridactyl/themes/base16-gruvbox-light-soft.css b/tridactyl/themes/base16-gruvbox-light-soft.css new file mode 100644 index 0000000..c2dbdbf --- /dev/null +++ b/tridactyl/themes/base16-gruvbox-light-soft.css @@ -0,0 +1,159 @@ +:root { /* Gruvbox-light-soft by Chris Kempson (http://chriskempson.com) */ + --base00: #f2e5bc; + --base01: #ebdbb2; + --base02: #d5c4a1; + --base03: #bdae93; + --base04: #665c54; + --base05: #504945; + --base06: #3c3836; + --base07: #282828; + --base08: #9d0006; + --base09: #af3a03; + --base0A: #b57614; + --base0B: #79740e; + --base0C: #427b58; + --base0D: #076678; + --base0E: #8f3f71; + --base0F: #d65d0e; + + --tridactyl-fg: var(--base05); + --tridactyl-bg: var(--base00); + --tridactyl-url-fg: var(--base08); + --tridactyl-url-bg: var(--base00); + --tridactyl-highlight-box-bg: var(--base0B); + --tridactyl-highlight-box-fg: var(--base00); + + /* Hint character tags */ + --tridactyl-hintspan-fg: var(--base00) !important; + --tridactyl-hintspan-bg: var(--base0A) !important; + + /* Element Highlights */ + --tridactyl-hint-active-fg: none; + --tridactyl-hint-active-bg: none; + --tridactyl-hint-active-outline: none; + --tridactyl-hint-bg: none; + --tridactyl-hint-outline: none; +} + +#command-line-holder { order: 1; + border: 2px solid var(--base0B); + color: var(--tridactyl-bg); +} + +#tridactyl-input { padding: 1rem; + color: var(--tridactyl-fg); + width: 90%; + font-size: 1.5rem; + line-height: 1.5; + background: var(--tridactyl-bg); + padding-left: unset; + padding: 1rem; +} + +#completions table { font-size: 0.8rem; + font-weight: 200; + border-spacing: 0; + table-layout: fixed; + padding: 1rem; + padding-top: 1rem; + padding-bottom: 1rem; +} + +#completions > div { max-height: calc(20 * var(--option-height)); + min-height: calc(10 * var(--option-height)); +} + +/* COMPLETIONS */ + +#completions { --option-height: 1.4em; + color: var(--tridactyl-fg); + background: var(--tridactyl-bg); + display: inline-block; + font-size: unset; + font-weight: 200; + overflow: hidden; + width: 100%; + border-top: unset; + order: 2; +} + +/* Olie doesn't know how CSS inheritance works */ +#completions .HistoryCompletionSource { max-height: unset; + min-height: unset; +} + + #completions + .HistoryCompletionSource + table { + width: 100%; + font-size: 9pt; + border-spacing: 0; + table-layout: fixed; +} + +/* redundancy 2: redundancy 2: more redundancy */ +#completions .BmarkCompletionSource { max-height: unset; + min-height: unset; +} + +#completions table tr td.prefix,#completions table tr td.privatewindow,#completions table tr td.container,#completions table tr td.icon { display: none; +} + + #completions + .BufferCompletionSource + table { + width: unset; + font-size: unset; + border-spacing: unset; + table-layout: unset; +} + +#completions table tr .title { width: 50%; +} + +#completions table tr { white-space: nowrap; + overflow: hidden; + text-overflow: ellipsis; +} + +#completions .sectionHeader { background: unset; + font-weight: 200; + border-bottom: unset; + padding: 1rem !important; + padding-left: unset; + padding-bottom: 0.2rem; +} + +#cmdline_iframe { position: fixed !important; + bottom: unset; + top: 25% !important; + left: 10% !important; + z-index: 2147483647 !important; + width: 80% !important; + box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 20px !important; +} + +.TridactylStatusIndicator { position: fixed !important; + bottom: 0 !important; + background: var(--tridactyl-bg) !important; + border: unset !important; + border: 1px var(--base0B) solid !important; + font-size: 12pt !important; + /*font-weight: 200 !important;*/ + padding: 0.8ex !important; +} + +#completions .focused { background: var(--base0B); + color: var(--base00); +} + +#completions .focused .url { background: var(--base0B); + color: var(--base00); +} +/* #Ocean-normal { */ +/* border-color: green !important; */ +/* } */ + +/* #Ocean-insert { */ +/* border-color: yellow !important; */ +/* } */ diff --git a/tridactyl/themes/base16-harmonic16-dark.css b/tridactyl/themes/base16-harmonic16-dark.css new file mode 100644 index 0000000..b1e546c --- /dev/null +++ b/tridactyl/themes/base16-harmonic16-dark.css @@ -0,0 +1,156 @@ +:root { /* Harmonic16-dark by Chris Kempson (http://chriskempson.com) */ + --base00: #0b1c2c; + --base01: #223b54; + --base02: #405c79; + --base03: #627e99; + --base04: #aabcce; + --base05: #cbd6e2; + --base06: #e5ebf1; + --base07: #f7f9fb; + --base08: #bf8b56; + --base09: #bfbf56; + --base0A: #8bbf56; + --base0B: #56bf8b; + --base0C: #568bbf; + --base0D: #8b56bf; + --base0E: #bf568b; + --base0F: #bf5656; + + --tridactyl-fg: var(--base05); + --tridactyl-bg: var(--base00); + --tridactyl-url-fg: var(--base08); + --tridactyl-url-bg: var(--base00); + --tridactyl-highlight-box-bg: var(--base0B); + --tridactyl-highlight-box-fg: var(--base00); + + /* Hint character tags */ + --tridactyl-hintspan-fg: var(--base00) !important; + --tridactyl-hintspan-bg: var(--base0A) !important; + + /* Element Highlights */ + --tridactyl-hint-active-fg: none; + --tridactyl-hint-active-bg: none; + --tridactyl-hint-active-outline: none; + --tridactyl-hint-bg: none; + --tridactyl-hint-outline: none; +} + +#command-line-holder { order: 1; + border: 2px solid var(--base0B); + color: var(--tridactyl-bg); +} + +#tridactyl-input { padding: 1rem; + color: var(--tridactyl-fg); + width: 90%; + font-size: 1.5rem; + line-height: 1.5; + background: var(--tridactyl-bg); + padding-left: unset; + padding: 1rem; +} + +#completions table { font-size: 0.8rem; + font-weight: 200; + border-spacing: 0; + table-layout: fixed; + padding: 1rem; + padding-top: 1rem; + padding-bottom: 1rem; +} + +#completions > div { max-height: calc(20 * var(--option-height)); + min-height: calc(10 * var(--option-height)); +} + +/* COMPLETIONS */ + +#completions { --option-height: 1.4em; + color: var(--tridactyl-fg); + background: var(--tridactyl-bg); + display: inline-block; + font-size: unset; + font-weight: 200; + overflow: hidden; + width: 100%; + border-top: unset; + order: 2; +} + +/* Olie doesn't know how CSS inheritance works */ +#completions .HistoryCompletionSource { max-height: unset; + min-height: unset; +} + + #completions + .HistoryCompletionSource + table { + width: 100%; + font-size: 9pt; + border-spacing: 0; + table-layout: fixed; +} + +/* redundancy 2: redundancy 2: more redundancy */ +#completions .BmarkCompletionSource { max-height: unset; + min-height: unset; +} + +#completions table tr td.prefix,#completions table tr td.privatewindow,#completions table tr td.container,#completions table tr td.icon { display: none; +} + +#completions .BufferCompletionSource table { width: unset; + font-size: unset; + border-spacing: unset; + table-layout: unset; +} + +#completions table tr .title { width: 50%; +} + +#completions table tr { white-space: nowrap; + overflow: hidden; + text-overflow: ellipsis; +} + +#completions .sectionHeader { background: unset; + font-weight: 200; + border-bottom: unset; + padding: 1rem !important; + padding-left: unset; + padding-bottom: 0.2rem; +} + +#cmdline_iframe { position: fixed !important; + bottom: unset; + top: 25% !important; + left: 10% !important; + z-index: 2147483647 !important; + width: 80% !important; + box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 20px !important; +} + +.TridactylStatusIndicator { position: fixed !important; + bottom: 0 !important; + background: var(--tridactyl-bg) !important; + border: unset !important; + border: 1px var(--base0B) solid !important; + font-size: 12pt !important; + /*font-weight: 200 !important;*/ + padding: 0.8ex !important; +} + +#completions .focused { background: var(--base0B); + color: var(--base00); +} + +#completions .focused .url { background: var(--base0B); + color: var(--base00); +} +/* #Ocean-normal { */ +/* border-color: green !important; */ +/* } */ + +/* #Ocean-insert { */ +/* border-color: yellow !important; */ +/* } */ diff --git a/tridactyl/themes/base16-harmonic16-light.css b/tridactyl/themes/base16-harmonic16-light.css new file mode 100644 index 0000000..ebf7a58 --- /dev/null +++ b/tridactyl/themes/base16-harmonic16-light.css @@ -0,0 +1,159 @@ +:root { /* Harmonic16-light by Chris Kempson (http://chriskempson.com) */ + --base00: #f7f9fb; + --base01: #e5ebf1; + --base02: #cbd6e2; + --base03: #aabcce; + --base04: #627e99; + --base05: #405c79; + --base06: #223b54; + --base07: #0b1c2c; + --base08: #bf8b56; + --base09: #bfbf56; + --base0A: #8bbf56; + --base0B: #56bf8b; + --base0C: #568bbf; + --base0D: #8b56bf; + --base0E: #bf568b; + --base0F: #bf5656; + + --tridactyl-fg: var(--base05); + --tridactyl-bg: var(--base00); + --tridactyl-url-fg: var(--base08); + --tridactyl-url-bg: var(--base00); + --tridactyl-highlight-box-bg: var(--base0B); + --tridactyl-highlight-box-fg: var(--base00); + + /* Hint character tags */ + --tridactyl-hintspan-fg: var(--base00) !important; + --tridactyl-hintspan-bg: var(--base0A) !important; + + /* Element Highlights */ + --tridactyl-hint-active-fg: none; + --tridactyl-hint-active-bg: none; + --tridactyl-hint-active-outline: none; + --tridactyl-hint-bg: none; + --tridactyl-hint-outline: none; +} + +#command-line-holder { order: 1; + border: 2px solid var(--base0B); + color: var(--tridactyl-bg); +} + +#tridactyl-input { padding: 1rem; + color: var(--tridactyl-fg); + width: 90%; + font-size: 1.5rem; + line-height: 1.5; + background: var(--tridactyl-bg); + padding-left: unset; + padding: 1rem; +} + +#completions table { font-size: 0.8rem; + font-weight: 200; + border-spacing: 0; + table-layout: fixed; + padding: 1rem; + padding-top: 1rem; + padding-bottom: 1rem; +} + +#completions > div { max-height: calc(20 * var(--option-height)); + min-height: calc(10 * var(--option-height)); +} + +/* COMPLETIONS */ + +#completions { --option-height: 1.4em; + color: var(--tridactyl-fg); + background: var(--tridactyl-bg); + display: inline-block; + font-size: unset; + font-weight: 200; + overflow: hidden; + width: 100%; + border-top: unset; + order: 2; +} + +/* Olie doesn't know how CSS inheritance works */ +#completions .HistoryCompletionSource { max-height: unset; + min-height: unset; +} + + #completions + .HistoryCompletionSource + table { + width: 100%; + font-size: 9pt; + border-spacing: 0; + table-layout: fixed; +} + +/* redundancy 2: redundancy 2: more redundancy */ +#completions .BmarkCompletionSource { max-height: unset; + min-height: unset; +} + +#completions table tr td.prefix,#completions table tr td.privatewindow,#completions table tr td.container,#completions table tr td.icon { display: none; +} + + #completions + .BufferCompletionSource + table { + width: unset; + font-size: unset; + border-spacing: unset; + table-layout: unset; +} + +#completions table tr .title { width: 50%; +} + +#completions table tr { white-space: nowrap; + overflow: hidden; + text-overflow: ellipsis; +} + +#completions .sectionHeader { background: unset; + font-weight: 200; + border-bottom: unset; + padding: 1rem !important; + padding-left: unset; + padding-bottom: 0.2rem; +} + +#cmdline_iframe { position: fixed !important; + bottom: unset; + top: 25% !important; + left: 10% !important; + z-index: 2147483647 !important; + width: 80% !important; + box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 20px !important; +} + +.TridactylStatusIndicator { position: fixed !important; + bottom: 0 !important; + background: var(--tridactyl-bg) !important; + border: unset !important; + border: 1px var(--base0B) solid !important; + font-size: 12pt !important; + /*font-weight: 200 !important;*/ + padding: 0.8ex !important; +} + +#completions .focused { background: var(--base0B); + color: var(--base00); +} + +#completions .focused .url { background: var(--base0B); + color: var(--base00); +} +/* #Ocean-normal { */ +/* border-color: green !important; */ +/* } */ + +/* #Ocean-insert { */ +/* border-color: yellow !important; */ +/* } */ diff --git a/tridactyl/themes/base16-hopscotch.css b/tridactyl/themes/base16-hopscotch.css new file mode 100644 index 0000000..15b7d43 --- /dev/null +++ b/tridactyl/themes/base16-hopscotch.css @@ -0,0 +1,153 @@ +:root { /* Hopscotch by Chris Kempson (http://chriskempson.com) */ + --base00: #322931; + --base01: #433b42; + --base02: #5c545b; + --base03: #797379; + --base04: #989498; + --base05: #b9b5b8; + --base06: #d5d3d5; + --base07: #ffffff; + --base08: #dd464c; + --base09: #fd8b19; + --base0A: #fdcc59; + --base0B: #8fc13e; + --base0C: #149b93; + --base0D: #1290bf; + --base0E: #c85e7c; + --base0F: #b33508; + + --tridactyl-fg: var(--base05); + --tridactyl-bg: var(--base00); + --tridactyl-url-fg: var(--base08); + --tridactyl-url-bg: var(--base00); + --tridactyl-highlight-box-bg: var(--base0B); + --tridactyl-highlight-box-fg: var(--base00); + + /* Hint character tags */ + --tridactyl-hintspan-fg: var(--base00) !important; + --tridactyl-hintspan-bg: var(--base0A) !important; + + /* Element Highlights */ + --tridactyl-hint-active-fg: none; + --tridactyl-hint-active-bg: none; + --tridactyl-hint-active-outline: none; + --tridactyl-hint-bg: none; + --tridactyl-hint-outline: none; +} + +#command-line-holder { order: 1; + border: 2px solid var(--base0B); + color: var(--tridactyl-bg); +} + +#tridactyl-input { padding: 1rem; + color: var(--tridactyl-fg); + width: 90%; + font-size: 1.5rem; + line-height: 1.5; + background: var(--tridactyl-bg); + padding-left: unset; + padding: 1rem; +} + +#completions table { font-size: 0.8rem; + font-weight: 200; + border-spacing: 0; + table-layout: fixed; + padding: 1rem; + padding-top: 1rem; + padding-bottom: 1rem; +} + +#completions > div { max-height: calc(20 * var(--option-height)); + min-height: calc(10 * var(--option-height)); +} + +/* COMPLETIONS */ + +#completions { --option-height: 1.4em; + color: var(--tridactyl-fg); + background: var(--tridactyl-bg); + display: inline-block; + font-size: unset; + font-weight: 200; + overflow: hidden; + width: 100%; + border-top: unset; + order: 2; +} + +/* Olie doesn't know how CSS inheritance works */ +#completions .HistoryCompletionSource { max-height: unset; + min-height: unset; +} + +#completions .HistoryCompletionSource table { width: 100%; + font-size: 9pt; + border-spacing: 0; + table-layout: fixed; +} + +/* redundancy 2: redundancy 2: more redundancy */ +#completions .BmarkCompletionSource { max-height: unset; + min-height: unset; +} + +#completions table tr td.prefix,#completions table tr td.privatewindow,#completions table tr td.container,#completions table tr td.icon { display: none; +} + +#completions .BufferCompletionSource table { width: unset; + font-size: unset; + border-spacing: unset; + table-layout: unset; +} + +#completions table tr .title { width: 50%; +} + +#completions table tr { white-space: nowrap; + overflow: hidden; + text-overflow: ellipsis; +} + +#completions .sectionHeader { background: unset; + font-weight: 200; + border-bottom: unset; + padding: 1rem !important; + padding-left: unset; + padding-bottom: 0.2rem; +} + +#cmdline_iframe { position: fixed !important; + bottom: unset; + top: 25% !important; + left: 10% !important; + z-index: 2147483647 !important; + width: 80% !important; + box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 20px !important; +} + +.TridactylStatusIndicator { position: fixed !important; + bottom: 0 !important; + background: var(--tridactyl-bg) !important; + border: unset !important; + border: 1px var(--base0B) solid !important; + font-size: 12pt !important; + /*font-weight: 200 !important;*/ + padding: 0.8ex !important; +} + +#completions .focused { background: var(--base0B); + color: var(--base00); +} + +#completions .focused .url { background: var(--base0B); + color: var(--base00); +} +/* #Ocean-normal { */ +/* border-color: green !important; */ +/* } */ + +/* #Ocean-insert { */ +/* border-color: yellow !important; */ +/* } */ diff --git a/tridactyl/themes/base16-ir-black.css b/tridactyl/themes/base16-ir-black.css new file mode 100644 index 0000000..4d66085 --- /dev/null +++ b/tridactyl/themes/base16-ir-black.css @@ -0,0 +1,153 @@ +:root { /* Ir-black by Chris Kempson (http://chriskempson.com) */ + --base00: #000000; + --base01: #242422; + --base02: #484844; + --base03: #6c6c66; + --base04: #918f88; + --base05: #b5b3aa; + --base06: #d9d7cc; + --base07: #fdfbee; + --base08: #ff6c60; + --base09: #e9c062; + --base0A: #ffffb6; + --base0B: #a8ff60; + --base0C: #c6c5fe; + --base0D: #96cbfe; + --base0E: #ff73fd; + --base0F: #b18a3d; + + --tridactyl-fg: var(--base05); + --tridactyl-bg: var(--base00); + --tridactyl-url-fg: var(--base08); + --tridactyl-url-bg: var(--base00); + --tridactyl-highlight-box-bg: var(--base0B); + --tridactyl-highlight-box-fg: var(--base00); + + /* Hint character tags */ + --tridactyl-hintspan-fg: var(--base00) !important; + --tridactyl-hintspan-bg: var(--base0A) !important; + + /* Element Highlights */ + --tridactyl-hint-active-fg: none; + --tridactyl-hint-active-bg: none; + --tridactyl-hint-active-outline: none; + --tridactyl-hint-bg: none; + --tridactyl-hint-outline: none; +} + +#command-line-holder { order: 1; + border: 2px solid var(--base0B); + color: var(--tridactyl-bg); +} + +#tridactyl-input { padding: 1rem; + color: var(--tridactyl-fg); + width: 90%; + font-size: 1.5rem; + line-height: 1.5; + background: var(--tridactyl-bg); + padding-left: unset; + padding: 1rem; +} + +#completions table { font-size: 0.8rem; + font-weight: 200; + border-spacing: 0; + table-layout: fixed; + padding: 1rem; + padding-top: 1rem; + padding-bottom: 1rem; +} + +#completions > div { max-height: calc(20 * var(--option-height)); + min-height: calc(10 * var(--option-height)); +} + +/* COMPLETIONS */ + +#completions { --option-height: 1.4em; + color: var(--tridactyl-fg); + background: var(--tridactyl-bg); + display: inline-block; + font-size: unset; + font-weight: 200; + overflow: hidden; + width: 100%; + border-top: unset; + order: 2; +} + +/* Olie doesn't know how CSS inheritance works */ +#completions .HistoryCompletionSource { max-height: unset; + min-height: unset; +} + +#completions .HistoryCompletionSource table { width: 100%; + font-size: 9pt; + border-spacing: 0; + table-layout: fixed; +} + +/* redundancy 2: redundancy 2: more redundancy */ +#completions .BmarkCompletionSource { max-height: unset; + min-height: unset; +} + +#completions table tr td.prefix,#completions table tr td.privatewindow,#completions table tr td.container,#completions table tr td.icon { display: none; +} + +#completions .BufferCompletionSource table { width: unset; + font-size: unset; + border-spacing: unset; + table-layout: unset; +} + +#completions table tr .title { width: 50%; +} + +#completions table tr { white-space: nowrap; + overflow: hidden; + text-overflow: ellipsis; +} + +#completions .sectionHeader { background: unset; + font-weight: 200; + border-bottom: unset; + padding: 1rem !important; + padding-left: unset; + padding-bottom: 0.2rem; +} + +#cmdline_iframe { position: fixed !important; + bottom: unset; + top: 25% !important; + left: 10% !important; + z-index: 2147483647 !important; + width: 80% !important; + box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 20px !important; +} + +.TridactylStatusIndicator { position: fixed !important; + bottom: 0 !important; + background: var(--tridactyl-bg) !important; + border: unset !important; + border: 1px var(--base0B) solid !important; + font-size: 12pt !important; + /*font-weight: 200 !important;*/ + padding: 0.8ex !important; +} + +#completions .focused { background: var(--base0B); + color: var(--base00); +} + +#completions .focused .url { background: var(--base0B); + color: var(--base00); +} +/* #Ocean-normal { */ +/* border-color: green !important; */ +/* } */ + +/* #Ocean-insert { */ +/* border-color: yellow !important; */ +/* } */ diff --git a/tridactyl/themes/base16-isotope.css b/tridactyl/themes/base16-isotope.css new file mode 100644 index 0000000..f8976f4 --- /dev/null +++ b/tridactyl/themes/base16-isotope.css @@ -0,0 +1,153 @@ +:root { /* Isotope by Chris Kempson (http://chriskempson.com) */ + --base00: #000000; + --base01: #404040; + --base02: #606060; + --base03: #808080; + --base04: #c0c0c0; + --base05: #d0d0d0; + --base06: #e0e0e0; + --base07: #ffffff; + --base08: #ff0000; + --base09: #ff9900; + --base0A: #ff0099; + --base0B: #33ff00; + --base0C: #00ffff; + --base0D: #0066ff; + --base0E: #cc00ff; + --base0F: #3300ff; + + --tridactyl-fg: var(--base05); + --tridactyl-bg: var(--base00); + --tridactyl-url-fg: var(--base08); + --tridactyl-url-bg: var(--base00); + --tridactyl-highlight-box-bg: var(--base0B); + --tridactyl-highlight-box-fg: var(--base00); + + /* Hint character tags */ + --tridactyl-hintspan-fg: var(--base00) !important; + --tridactyl-hintspan-bg: var(--base0A) !important; + + /* Element Highlights */ + --tridactyl-hint-active-fg: none; + --tridactyl-hint-active-bg: none; + --tridactyl-hint-active-outline: none; + --tridactyl-hint-bg: none; + --tridactyl-hint-outline: none; +} + +#command-line-holder { order: 1; + border: 2px solid var(--base0B); + color: var(--tridactyl-bg); +} + +#tridactyl-input { padding: 1rem; + color: var(--tridactyl-fg); + width: 90%; + font-size: 1.5rem; + line-height: 1.5; + background: var(--tridactyl-bg); + padding-left: unset; + padding: 1rem; +} + +#completions table { font-size: 0.8rem; + font-weight: 200; + border-spacing: 0; + table-layout: fixed; + padding: 1rem; + padding-top: 1rem; + padding-bottom: 1rem; +} + +#completions > div { max-height: calc(20 * var(--option-height)); + min-height: calc(10 * var(--option-height)); +} + +/* COMPLETIONS */ + +#completions { --option-height: 1.4em; + color: var(--tridactyl-fg); + background: var(--tridactyl-bg); + display: inline-block; + font-size: unset; + font-weight: 200; + overflow: hidden; + width: 100%; + border-top: unset; + order: 2; +} + +/* Olie doesn't know how CSS inheritance works */ +#completions .HistoryCompletionSource { max-height: unset; + min-height: unset; +} + +#completions .HistoryCompletionSource table { width: 100%; + font-size: 9pt; + border-spacing: 0; + table-layout: fixed; +} + +/* redundancy 2: redundancy 2: more redundancy */ +#completions .BmarkCompletionSource { max-height: unset; + min-height: unset; +} + +#completions table tr td.prefix,#completions table tr td.privatewindow,#completions table tr td.container,#completions table tr td.icon { display: none; +} + +#completions .BufferCompletionSource table { width: unset; + font-size: unset; + border-spacing: unset; + table-layout: unset; +} + +#completions table tr .title { width: 50%; +} + +#completions table tr { white-space: nowrap; + overflow: hidden; + text-overflow: ellipsis; +} + +#completions .sectionHeader { background: unset; + font-weight: 200; + border-bottom: unset; + padding: 1rem !important; + padding-left: unset; + padding-bottom: 0.2rem; +} + +#cmdline_iframe { position: fixed !important; + bottom: unset; + top: 25% !important; + left: 10% !important; + z-index: 2147483647 !important; + width: 80% !important; + box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 20px !important; +} + +.TridactylStatusIndicator { position: fixed !important; + bottom: 0 !important; + background: var(--tridactyl-bg) !important; + border: unset !important; + border: 1px var(--base0B) solid !important; + font-size: 12pt !important; + /*font-weight: 200 !important;*/ + padding: 0.8ex !important; +} + +#completions .focused { background: var(--base0B); + color: var(--base00); +} + +#completions .focused .url { background: var(--base0B); + color: var(--base00); +} +/* #Ocean-normal { */ +/* border-color: green !important; */ +/* } */ + +/* #Ocean-insert { */ +/* border-color: yellow !important; */ +/* } */ diff --git a/tridactyl/themes/base16-london-tube.css b/tridactyl/themes/base16-london-tube.css new file mode 100644 index 0000000..7760ea8 --- /dev/null +++ b/tridactyl/themes/base16-london-tube.css @@ -0,0 +1,153 @@ +:root { /* London-tube by Chris Kempson (http://chriskempson.com) */ + --base00: #231f20; + --base01: #1c3f95; + --base02: #5a5758; + --base03: #737171; + --base04: #959ca1; + --base05: #d9d8d8; + --base06: #e7e7e8; + --base07: #ffffff; + --base08: #ee2e24; + --base09: #f386a1; + --base0A: #ffd204; + --base0B: #00853e; + --base0C: #85cebc; + --base0D: #009ddc; + --base0E: #98005d; + --base0F: #b06110; + + --tridactyl-fg: var(--base05); + --tridactyl-bg: var(--base00); + --tridactyl-url-fg: var(--base08); + --tridactyl-url-bg: var(--base00); + --tridactyl-highlight-box-bg: var(--base0B); + --tridactyl-highlight-box-fg: var(--base00); + + /* Hint character tags */ + --tridactyl-hintspan-fg: var(--base00) !important; + --tridactyl-hintspan-bg: var(--base0A) !important; + + /* Element Highlights */ + --tridactyl-hint-active-fg: none; + --tridactyl-hint-active-bg: none; + --tridactyl-hint-active-outline: none; + --tridactyl-hint-bg: none; + --tridactyl-hint-outline: none; +} + +#command-line-holder { order: 1; + border: 2px solid var(--base0B); + color: var(--tridactyl-bg); +} + +#tridactyl-input { padding: 1rem; + color: var(--tridactyl-fg); + width: 90%; + font-size: 1.5rem; + line-height: 1.5; + background: var(--tridactyl-bg); + padding-left: unset; + padding: 1rem; +} + +#completions table { font-size: 0.8rem; + font-weight: 200; + border-spacing: 0; + table-layout: fixed; + padding: 1rem; + padding-top: 1rem; + padding-bottom: 1rem; +} + +#completions > div { max-height: calc(20 * var(--option-height)); + min-height: calc(10 * var(--option-height)); +} + +/* COMPLETIONS */ + +#completions { --option-height: 1.4em; + color: var(--tridactyl-fg); + background: var(--tridactyl-bg); + display: inline-block; + font-size: unset; + font-weight: 200; + overflow: hidden; + width: 100%; + border-top: unset; + order: 2; +} + +/* Olie doesn't know how CSS inheritance works */ +#completions .HistoryCompletionSource { max-height: unset; + min-height: unset; +} + +#completions .HistoryCompletionSource table { width: 100%; + font-size: 9pt; + border-spacing: 0; + table-layout: fixed; +} + +/* redundancy 2: redundancy 2: more redundancy */ +#completions .BmarkCompletionSource { max-height: unset; + min-height: unset; +} + +#completions table tr td.prefix,#completions table tr td.privatewindow,#completions table tr td.container,#completions table tr td.icon { display: none; +} + +#completions .BufferCompletionSource table { width: unset; + font-size: unset; + border-spacing: unset; + table-layout: unset; +} + +#completions table tr .title { width: 50%; +} + +#completions table tr { white-space: nowrap; + overflow: hidden; + text-overflow: ellipsis; +} + +#completions .sectionHeader { background: unset; + font-weight: 200; + border-bottom: unset; + padding: 1rem !important; + padding-left: unset; + padding-bottom: 0.2rem; +} + +#cmdline_iframe { position: fixed !important; + bottom: unset; + top: 25% !important; + left: 10% !important; + z-index: 2147483647 !important; + width: 80% !important; + box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 20px !important; +} + +.TridactylStatusIndicator { position: fixed !important; + bottom: 0 !important; + background: var(--tridactyl-bg) !important; + border: unset !important; + border: 1px var(--base0B) solid !important; + font-size: 12pt !important; + /*font-weight: 200 !important;*/ + padding: 0.8ex !important; +} + +#completions .focused { background: var(--base0B); + color: var(--base00); +} + +#completions .focused .url { background: var(--base0B); + color: var(--base00); +} +/* #Ocean-normal { */ +/* border-color: green !important; */ +/* } */ + +/* #Ocean-insert { */ +/* border-color: yellow !important; */ +/* } */ diff --git a/tridactyl/themes/base16-macintosh.css b/tridactyl/themes/base16-macintosh.css new file mode 100644 index 0000000..55b4e6f --- /dev/null +++ b/tridactyl/themes/base16-macintosh.css @@ -0,0 +1,153 @@ +:root { /* Macintosh by Chris Kempson (http://chriskempson.com) */ + --base00: #000000; + --base01: #404040; + --base02: #404040; + --base03: #808080; + --base04: #808080; + --base05: #c0c0c0; + --base06: #c0c0c0; + --base07: #ffffff; + --base08: #dd0907; + --base09: #ff6403; + --base0A: #fbf305; + --base0B: #1fb714; + --base0C: #02abea; + --base0D: #0000d3; + --base0E: #4700a5; + --base0F: #90713a; + + --tridactyl-fg: var(--base05); + --tridactyl-bg: var(--base00); + --tridactyl-url-fg: var(--base08); + --tridactyl-url-bg: var(--base00); + --tridactyl-highlight-box-bg: var(--base0B); + --tridactyl-highlight-box-fg: var(--base00); + + /* Hint character tags */ + --tridactyl-hintspan-fg: var(--base00) !important; + --tridactyl-hintspan-bg: var(--base0A) !important; + + /* Element Highlights */ + --tridactyl-hint-active-fg: none; + --tridactyl-hint-active-bg: none; + --tridactyl-hint-active-outline: none; + --tridactyl-hint-bg: none; + --tridactyl-hint-outline: none; +} + +#command-line-holder { order: 1; + border: 2px solid var(--base0B); + color: var(--tridactyl-bg); +} + +#tridactyl-input { padding: 1rem; + color: var(--tridactyl-fg); + width: 90%; + font-size: 1.5rem; + line-height: 1.5; + background: var(--tridactyl-bg); + padding-left: unset; + padding: 1rem; +} + +#completions table { font-size: 0.8rem; + font-weight: 200; + border-spacing: 0; + table-layout: fixed; + padding: 1rem; + padding-top: 1rem; + padding-bottom: 1rem; +} + +#completions > div { max-height: calc(20 * var(--option-height)); + min-height: calc(10 * var(--option-height)); +} + +/* COMPLETIONS */ + +#completions { --option-height: 1.4em; + color: var(--tridactyl-fg); + background: var(--tridactyl-bg); + display: inline-block; + font-size: unset; + font-weight: 200; + overflow: hidden; + width: 100%; + border-top: unset; + order: 2; +} + +/* Olie doesn't know how CSS inheritance works */ +#completions .HistoryCompletionSource { max-height: unset; + min-height: unset; +} + +#completions .HistoryCompletionSource table { width: 100%; + font-size: 9pt; + border-spacing: 0; + table-layout: fixed; +} + +/* redundancy 2: redundancy 2: more redundancy */ +#completions .BmarkCompletionSource { max-height: unset; + min-height: unset; +} + +#completions table tr td.prefix,#completions table tr td.privatewindow,#completions table tr td.container,#completions table tr td.icon { display: none; +} + +#completions .BufferCompletionSource table { width: unset; + font-size: unset; + border-spacing: unset; + table-layout: unset; +} + +#completions table tr .title { width: 50%; +} + +#completions table tr { white-space: nowrap; + overflow: hidden; + text-overflow: ellipsis; +} + +#completions .sectionHeader { background: unset; + font-weight: 200; + border-bottom: unset; + padding: 1rem !important; + padding-left: unset; + padding-bottom: 0.2rem; +} + +#cmdline_iframe { position: fixed !important; + bottom: unset; + top: 25% !important; + left: 10% !important; + z-index: 2147483647 !important; + width: 80% !important; + box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 20px !important; +} + +.TridactylStatusIndicator { position: fixed !important; + bottom: 0 !important; + background: var(--tridactyl-bg) !important; + border: unset !important; + border: 1px var(--base0B) solid !important; + font-size: 12pt !important; + /*font-weight: 200 !important;*/ + padding: 0.8ex !important; +} + +#completions .focused { background: var(--base0B); + color: var(--base00); +} + +#completions .focused .url { background: var(--base0B); + color: var(--base00); +} +/* #Ocean-normal { */ +/* border-color: green !important; */ +/* } */ + +/* #Ocean-insert { */ +/* border-color: yellow !important; */ +/* } */ diff --git a/tridactyl/themes/base16-marrakesh.css b/tridactyl/themes/base16-marrakesh.css new file mode 100644 index 0000000..af9c600 --- /dev/null +++ b/tridactyl/themes/base16-marrakesh.css @@ -0,0 +1,153 @@ +:root { /* Marrakesh by Chris Kempson (http://chriskempson.com) */ + --base00: #201602; + --base01: #302e00; + --base02: #5f5b17; + --base03: #6c6823; + --base04: #86813b; + --base05: #948e48; + --base06: #ccc37a; + --base07: #faf0a5; + --base08: #c35359; + --base09: #b36144; + --base0A: #a88339; + --base0B: #18974e; + --base0C: #75a738; + --base0D: #477ca1; + --base0E: #8868b3; + --base0F: #b3588e; + + --tridactyl-fg: var(--base05); + --tridactyl-bg: var(--base00); + --tridactyl-url-fg: var(--base08); + --tridactyl-url-bg: var(--base00); + --tridactyl-highlight-box-bg: var(--base0B); + --tridactyl-highlight-box-fg: var(--base00); + + /* Hint character tags */ + --tridactyl-hintspan-fg: var(--base00) !important; + --tridactyl-hintspan-bg: var(--base0A) !important; + + /* Element Highlights */ + --tridactyl-hint-active-fg: none; + --tridactyl-hint-active-bg: none; + --tridactyl-hint-active-outline: none; + --tridactyl-hint-bg: none; + --tridactyl-hint-outline: none; +} + +#command-line-holder { order: 1; + border: 2px solid var(--base0B); + color: var(--tridactyl-bg); +} + +#tridactyl-input { padding: 1rem; + color: var(--tridactyl-fg); + width: 90%; + font-size: 1.5rem; + line-height: 1.5; + background: var(--tridactyl-bg); + padding-left: unset; + padding: 1rem; +} + +#completions table { font-size: 0.8rem; + font-weight: 200; + border-spacing: 0; + table-layout: fixed; + padding: 1rem; + padding-top: 1rem; + padding-bottom: 1rem; +} + +#completions > div { max-height: calc(20 * var(--option-height)); + min-height: calc(10 * var(--option-height)); +} + +/* COMPLETIONS */ + +#completions { --option-height: 1.4em; + color: var(--tridactyl-fg); + background: var(--tridactyl-bg); + display: inline-block; + font-size: unset; + font-weight: 200; + overflow: hidden; + width: 100%; + border-top: unset; + order: 2; +} + +/* Olie doesn't know how CSS inheritance works */ +#completions .HistoryCompletionSource { max-height: unset; + min-height: unset; +} + +#completions .HistoryCompletionSource table { width: 100%; + font-size: 9pt; + border-spacing: 0; + table-layout: fixed; +} + +/* redundancy 2: redundancy 2: more redundancy */ +#completions .BmarkCompletionSource { max-height: unset; + min-height: unset; +} + +#completions table tr td.prefix,#completions table tr td.privatewindow,#completions table tr td.container,#completions table tr td.icon { display: none; +} + +#completions .BufferCompletionSource table { width: unset; + font-size: unset; + border-spacing: unset; + table-layout: unset; +} + +#completions table tr .title { width: 50%; +} + +#completions table tr { white-space: nowrap; + overflow: hidden; + text-overflow: ellipsis; +} + +#completions .sectionHeader { background: unset; + font-weight: 200; + border-bottom: unset; + padding: 1rem !important; + padding-left: unset; + padding-bottom: 0.2rem; +} + +#cmdline_iframe { position: fixed !important; + bottom: unset; + top: 25% !important; + left: 10% !important; + z-index: 2147483647 !important; + width: 80% !important; + box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 20px !important; +} + +.TridactylStatusIndicator { position: fixed !important; + bottom: 0 !important; + background: var(--tridactyl-bg) !important; + border: unset !important; + border: 1px var(--base0B) solid !important; + font-size: 12pt !important; + /*font-weight: 200 !important;*/ + padding: 0.8ex !important; +} + +#completions .focused { background: var(--base0B); + color: var(--base00); +} + +#completions .focused .url { background: var(--base0B); + color: var(--base00); +} +/* #Ocean-normal { */ +/* border-color: green !important; */ +/* } */ + +/* #Ocean-insert { */ +/* border-color: yellow !important; */ +/* } */ diff --git a/tridactyl/themes/base16-materia.css b/tridactyl/themes/base16-materia.css new file mode 100644 index 0000000..b0e810e --- /dev/null +++ b/tridactyl/themes/base16-materia.css @@ -0,0 +1,153 @@ +:root { /* Materia by Chris Kempson (http://chriskempson.com) */ + --base00: #263238; + --base01: #2c393f; + --base02: #37474f; + --base03: #707880; + --base04: #c9ccd3; + --base05: #cdd3de; + --base06: #d5dbe5; + --base07: #ffffff; + --base08: #ec5f67; + --base09: #ea9560; + --base0A: #ffcc00; + --base0B: #8bd649; + --base0C: #80cbc4; + --base0D: #89ddff; + --base0E: #82aaff; + --base0F: #ec5f67; + + --tridactyl-fg: var(--base05); + --tridactyl-bg: var(--base00); + --tridactyl-url-fg: var(--base08); + --tridactyl-url-bg: var(--base00); + --tridactyl-highlight-box-bg: var(--base0B); + --tridactyl-highlight-box-fg: var(--base00); + + /* Hint character tags */ + --tridactyl-hintspan-fg: var(--base00) !important; + --tridactyl-hintspan-bg: var(--base0A) !important; + + /* Element Highlights */ + --tridactyl-hint-active-fg: none; + --tridactyl-hint-active-bg: none; + --tridactyl-hint-active-outline: none; + --tridactyl-hint-bg: none; + --tridactyl-hint-outline: none; +} + +#command-line-holder { order: 1; + border: 2px solid var(--base0B); + color: var(--tridactyl-bg); +} + +#tridactyl-input { padding: 1rem; + color: var(--tridactyl-fg); + width: 90%; + font-size: 1.5rem; + line-height: 1.5; + background: var(--tridactyl-bg); + padding-left: unset; + padding: 1rem; +} + +#completions table { font-size: 0.8rem; + font-weight: 200; + border-spacing: 0; + table-layout: fixed; + padding: 1rem; + padding-top: 1rem; + padding-bottom: 1rem; +} + +#completions > div { max-height: calc(20 * var(--option-height)); + min-height: calc(10 * var(--option-height)); +} + +/* COMPLETIONS */ + +#completions { --option-height: 1.4em; + color: var(--tridactyl-fg); + background: var(--tridactyl-bg); + display: inline-block; + font-size: unset; + font-weight: 200; + overflow: hidden; + width: 100%; + border-top: unset; + order: 2; +} + +/* Olie doesn't know how CSS inheritance works */ +#completions .HistoryCompletionSource { max-height: unset; + min-height: unset; +} + +#completions .HistoryCompletionSource table { width: 100%; + font-size: 9pt; + border-spacing: 0; + table-layout: fixed; +} + +/* redundancy 2: redundancy 2: more redundancy */ +#completions .BmarkCompletionSource { max-height: unset; + min-height: unset; +} + +#completions table tr td.prefix,#completions table tr td.privatewindow,#completions table tr td.container,#completions table tr td.icon { display: none; +} + +#completions .BufferCompletionSource table { width: unset; + font-size: unset; + border-spacing: unset; + table-layout: unset; +} + +#completions table tr .title { width: 50%; +} + +#completions table tr { white-space: nowrap; + overflow: hidden; + text-overflow: ellipsis; +} + +#completions .sectionHeader { background: unset; + font-weight: 200; + border-bottom: unset; + padding: 1rem !important; + padding-left: unset; + padding-bottom: 0.2rem; +} + +#cmdline_iframe { position: fixed !important; + bottom: unset; + top: 25% !important; + left: 10% !important; + z-index: 2147483647 !important; + width: 80% !important; + box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 20px !important; +} + +.TridactylStatusIndicator { position: fixed !important; + bottom: 0 !important; + background: var(--tridactyl-bg) !important; + border: unset !important; + border: 1px var(--base0B) solid !important; + font-size: 12pt !important; + /*font-weight: 200 !important;*/ + padding: 0.8ex !important; +} + +#completions .focused { background: var(--base0B); + color: var(--base00); +} + +#completions .focused .url { background: var(--base0B); + color: var(--base00); +} +/* #Ocean-normal { */ +/* border-color: green !important; */ +/* } */ + +/* #Ocean-insert { */ +/* border-color: yellow !important; */ +/* } */ diff --git a/tridactyl/themes/base16-mexico-light.css b/tridactyl/themes/base16-mexico-light.css new file mode 100644 index 0000000..f94011d --- /dev/null +++ b/tridactyl/themes/base16-mexico-light.css @@ -0,0 +1,153 @@ +:root { /* Mexico-light by Chris Kempson (http://chriskempson.com) */ + --base00: #f8f8f8; + --base01: #e8e8e8; + --base02: #d8d8d8; + --base03: #b8b8b8; + --base04: #585858; + --base05: #383838; + --base06: #282828; + --base07: #181818; + --base08: #ab4642; + --base09: #dc9656; + --base0A: #f79a0e; + --base0B: #538947; + --base0C: #4b8093; + --base0D: #7cafc2; + --base0E: #96609e; + --base0F: #a16946; + + --tridactyl-fg: var(--base05); + --tridactyl-bg: var(--base00); + --tridactyl-url-fg: var(--base08); + --tridactyl-url-bg: var(--base00); + --tridactyl-highlight-box-bg: var(--base0B); + --tridactyl-highlight-box-fg: var(--base00); + + /* Hint character tags */ + --tridactyl-hintspan-fg: var(--base00) !important; + --tridactyl-hintspan-bg: var(--base0A) !important; + + /* Element Highlights */ + --tridactyl-hint-active-fg: none; + --tridactyl-hint-active-bg: none; + --tridactyl-hint-active-outline: none; + --tridactyl-hint-bg: none; + --tridactyl-hint-outline: none; +} + +#command-line-holder { order: 1; + border: 2px solid var(--base0B); + color: var(--tridactyl-bg); +} + +#tridactyl-input { padding: 1rem; + color: var(--tridactyl-fg); + width: 90%; + font-size: 1.5rem; + line-height: 1.5; + background: var(--tridactyl-bg); + padding-left: unset; + padding: 1rem; +} + +#completions table { font-size: 0.8rem; + font-weight: 200; + border-spacing: 0; + table-layout: fixed; + padding: 1rem; + padding-top: 1rem; + padding-bottom: 1rem; +} + +#completions > div { max-height: calc(20 * var(--option-height)); + min-height: calc(10 * var(--option-height)); +} + +/* COMPLETIONS */ + +#completions { --option-height: 1.4em; + color: var(--tridactyl-fg); + background: var(--tridactyl-bg); + display: inline-block; + font-size: unset; + font-weight: 200; + overflow: hidden; + width: 100%; + border-top: unset; + order: 2; +} + +/* Olie doesn't know how CSS inheritance works */ +#completions .HistoryCompletionSource { max-height: unset; + min-height: unset; +} + +#completions .HistoryCompletionSource table { width: 100%; + font-size: 9pt; + border-spacing: 0; + table-layout: fixed; +} + +/* redundancy 2: redundancy 2: more redundancy */ +#completions .BmarkCompletionSource { max-height: unset; + min-height: unset; +} + +#completions table tr td.prefix,#completions table tr td.privatewindow,#completions table tr td.container,#completions table tr td.icon { display: none; +} + +#completions .BufferCompletionSource table { width: unset; + font-size: unset; + border-spacing: unset; + table-layout: unset; +} + +#completions table tr .title { width: 50%; +} + +#completions table tr { white-space: nowrap; + overflow: hidden; + text-overflow: ellipsis; +} + +#completions .sectionHeader { background: unset; + font-weight: 200; + border-bottom: unset; + padding: 1rem !important; + padding-left: unset; + padding-bottom: 0.2rem; +} + +#cmdline_iframe { position: fixed !important; + bottom: unset; + top: 25% !important; + left: 10% !important; + z-index: 2147483647 !important; + width: 80% !important; + box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 20px !important; +} + +.TridactylStatusIndicator { position: fixed !important; + bottom: 0 !important; + background: var(--tridactyl-bg) !important; + border: unset !important; + border: 1px var(--base0B) solid !important; + font-size: 12pt !important; + /*font-weight: 200 !important;*/ + padding: 0.8ex !important; +} + +#completions .focused { background: var(--base0B); + color: var(--base00); +} + +#completions .focused .url { background: var(--base0B); + color: var(--base00); +} +/* #Ocean-normal { */ +/* border-color: green !important; */ +/* } */ + +/* #Ocean-insert { */ +/* border-color: yellow !important; */ +/* } */ diff --git a/tridactyl/themes/base16-mocha.css b/tridactyl/themes/base16-mocha.css new file mode 100644 index 0000000..5a2efc9 --- /dev/null +++ b/tridactyl/themes/base16-mocha.css @@ -0,0 +1,153 @@ +:root { /* Mocha by Chris Kempson (http://chriskempson.com) */ + --base00: #3b3228; + --base01: #534636; + --base02: #645240; + --base03: #7e705a; + --base04: #b8afad; + --base05: #d0c8c6; + --base06: #e9e1dd; + --base07: #f5eeeb; + --base08: #cb6077; + --base09: #d28b71; + --base0A: #f4bc87; + --base0B: #beb55b; + --base0C: #7bbda4; + --base0D: #8ab3b5; + --base0E: #a89bb9; + --base0F: #bb9584; + + --tridactyl-fg: var(--base05); + --tridactyl-bg: var(--base00); + --tridactyl-url-fg: var(--base08); + --tridactyl-url-bg: var(--base00); + --tridactyl-highlight-box-bg: var(--base0B); + --tridactyl-highlight-box-fg: var(--base00); + + /* Hint character tags */ + --tridactyl-hintspan-fg: var(--base00) !important; + --tridactyl-hintspan-bg: var(--base0A) !important; + + /* Element Highlights */ + --tridactyl-hint-active-fg: none; + --tridactyl-hint-active-bg: none; + --tridactyl-hint-active-outline: none; + --tridactyl-hint-bg: none; + --tridactyl-hint-outline: none; +} + +#command-line-holder { order: 1; + border: 2px solid var(--base0B); + color: var(--tridactyl-bg); +} + +#tridactyl-input { padding: 1rem; + color: var(--tridactyl-fg); + width: 90%; + font-size: 1.5rem; + line-height: 1.5; + background: var(--tridactyl-bg); + padding-left: unset; + padding: 1rem; +} + +#completions table { font-size: 0.8rem; + font-weight: 200; + border-spacing: 0; + table-layout: fixed; + padding: 1rem; + padding-top: 1rem; + padding-bottom: 1rem; +} + +#completions > div { max-height: calc(20 * var(--option-height)); + min-height: calc(10 * var(--option-height)); +} + +/* COMPLETIONS */ + +#completions { --option-height: 1.4em; + color: var(--tridactyl-fg); + background: var(--tridactyl-bg); + display: inline-block; + font-size: unset; + font-weight: 200; + overflow: hidden; + width: 100%; + border-top: unset; + order: 2; +} + +/* Olie doesn't know how CSS inheritance works */ +#completions .HistoryCompletionSource { max-height: unset; + min-height: unset; +} + +#completions .HistoryCompletionSource table { width: 100%; + font-size: 9pt; + border-spacing: 0; + table-layout: fixed; +} + +/* redundancy 2: redundancy 2: more redundancy */ +#completions .BmarkCompletionSource { max-height: unset; + min-height: unset; +} + +#completions table tr td.prefix,#completions table tr td.privatewindow,#completions table tr td.container,#completions table tr td.icon { display: none; +} + +#completions .BufferCompletionSource table { width: unset; + font-size: unset; + border-spacing: unset; + table-layout: unset; +} + +#completions table tr .title { width: 50%; +} + +#completions table tr { white-space: nowrap; + overflow: hidden; + text-overflow: ellipsis; +} + +#completions .sectionHeader { background: unset; + font-weight: 200; + border-bottom: unset; + padding: 1rem !important; + padding-left: unset; + padding-bottom: 0.2rem; +} + +#cmdline_iframe { position: fixed !important; + bottom: unset; + top: 25% !important; + left: 10% !important; + z-index: 2147483647 !important; + width: 80% !important; + box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 20px !important; +} + +.TridactylStatusIndicator { position: fixed !important; + bottom: 0 !important; + background: var(--tridactyl-bg) !important; + border: unset !important; + border: 1px var(--base0B) solid !important; + font-size: 12pt !important; + /*font-weight: 200 !important;*/ + padding: 0.8ex !important; +} + +#completions .focused { background: var(--base0B); + color: var(--base00); +} + +#completions .focused .url { background: var(--base0B); + color: var(--base00); +} +/* #Ocean-normal { */ +/* border-color: green !important; */ +/* } */ + +/* #Ocean-insert { */ +/* border-color: yellow !important; */ +/* } */ diff --git a/tridactyl/themes/base16-monokai.css b/tridactyl/themes/base16-monokai.css new file mode 100644 index 0000000..54de436 --- /dev/null +++ b/tridactyl/themes/base16-monokai.css @@ -0,0 +1,153 @@ +:root { /* Monokai by Chris Kempson (http://chriskempson.com) */ + --base00: #272822; + --base01: #383830; + --base02: #49483e; + --base03: #75715e; + --base04: #a59f85; + --base05: #f8f8f2; + --base06: #f5f4f1; + --base07: #f9f8f5; + --base08: #f92672; + --base09: #fd971f; + --base0A: #f4bf75; + --base0B: #a6e22e; + --base0C: #a1efe4; + --base0D: #66d9ef; + --base0E: #ae81ff; + --base0F: #cc6633; + + --tridactyl-fg: var(--base05); + --tridactyl-bg: var(--base00); + --tridactyl-url-fg: var(--base08); + --tridactyl-url-bg: var(--base00); + --tridactyl-highlight-box-bg: var(--base0B); + --tridactyl-highlight-box-fg: var(--base00); + + /* Hint character tags */ + --tridactyl-hintspan-fg: var(--base00) !important; + --tridactyl-hintspan-bg: var(--base0A) !important; + + /* Element Highlights */ + --tridactyl-hint-active-fg: none; + --tridactyl-hint-active-bg: none; + --tridactyl-hint-active-outline: none; + --tridactyl-hint-bg: none; + --tridactyl-hint-outline: none; +} + +#command-line-holder { order: 1; + border: 2px solid var(--base0B); + color: var(--tridactyl-bg); +} + +#tridactyl-input { padding: 1rem; + color: var(--tridactyl-fg); + width: 90%; + font-size: 1.5rem; + line-height: 1.5; + background: var(--tridactyl-bg); + padding-left: unset; + padding: 1rem; +} + +#completions table { font-size: 0.8rem; + font-weight: 200; + border-spacing: 0; + table-layout: fixed; + padding: 1rem; + padding-top: 1rem; + padding-bottom: 1rem; +} + +#completions > div { max-height: calc(20 * var(--option-height)); + min-height: calc(10 * var(--option-height)); +} + +/* COMPLETIONS */ + +#completions { --option-height: 1.4em; + color: var(--tridactyl-fg); + background: var(--tridactyl-bg); + display: inline-block; + font-size: unset; + font-weight: 200; + overflow: hidden; + width: 100%; + border-top: unset; + order: 2; +} + +/* Olie doesn't know how CSS inheritance works */ +#completions .HistoryCompletionSource { max-height: unset; + min-height: unset; +} + +#completions .HistoryCompletionSource table { width: 100%; + font-size: 9pt; + border-spacing: 0; + table-layout: fixed; +} + +/* redundancy 2: redundancy 2: more redundancy */ +#completions .BmarkCompletionSource { max-height: unset; + min-height: unset; +} + +#completions table tr td.prefix,#completions table tr td.privatewindow,#completions table tr td.container,#completions table tr td.icon { display: none; +} + +#completions .BufferCompletionSource table { width: unset; + font-size: unset; + border-spacing: unset; + table-layout: unset; +} + +#completions table tr .title { width: 50%; +} + +#completions table tr { white-space: nowrap; + overflow: hidden; + text-overflow: ellipsis; +} + +#completions .sectionHeader { background: unset; + font-weight: 200; + border-bottom: unset; + padding: 1rem !important; + padding-left: unset; + padding-bottom: 0.2rem; +} + +#cmdline_iframe { position: fixed !important; + bottom: unset; + top: 25% !important; + left: 10% !important; + z-index: 2147483647 !important; + width: 80% !important; + box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 20px !important; +} + +.TridactylStatusIndicator { position: fixed !important; + bottom: 0 !important; + background: var(--tridactyl-bg) !important; + border: unset !important; + border: 1px var(--base0B) solid !important; + font-size: 12pt !important; + /*font-weight: 200 !important;*/ + padding: 0.8ex !important; +} + +#completions .focused { background: var(--base0B); + color: var(--base00); +} + +#completions .focused .url { background: var(--base0B); + color: var(--base00); +} +/* #Ocean-normal { */ +/* border-color: green !important; */ +/* } */ + +/* #Ocean-insert { */ +/* border-color: yellow !important; */ +/* } */ diff --git a/tridactyl/themes/base16-nord.css b/tridactyl/themes/base16-nord.css new file mode 100644 index 0000000..0b8ec05 --- /dev/null +++ b/tridactyl/themes/base16-nord.css @@ -0,0 +1,153 @@ +:root { /* Nord by Chris Kempson (http://chriskempson.com) */ + --base00: #2e3440; + --base01: #3b4252; + --base02: #434c5e; + --base03: #4c566a; + --base04: #d8dee9; + --base05: #e5e9f0; + --base06: #eceff4; + --base07: #8fbcbb; + --base08: #88c0d0; + --base09: #81a1c1; + --base0A: #5e81ac; + --base0B: #bf616a; + --base0C: #d08770; + --base0D: #ebcb8b; + --base0E: #a3be8c; + --base0F: #b48ead; + + --tridactyl-fg: var(--base05); + --tridactyl-bg: var(--base00); + --tridactyl-url-fg: var(--base08); + --tridactyl-url-bg: var(--base00); + --tridactyl-highlight-box-bg: var(--base0B); + --tridactyl-highlight-box-fg: var(--base00); + + /* Hint character tags */ + --tridactyl-hintspan-fg: var(--base00) !important; + --tridactyl-hintspan-bg: var(--base0A) !important; + + /* Element Highlights */ + --tridactyl-hint-active-fg: none; + --tridactyl-hint-active-bg: none; + --tridactyl-hint-active-outline: none; + --tridactyl-hint-bg: none; + --tridactyl-hint-outline: none; +} + +#command-line-holder { order: 1; + border: 2px solid var(--base0B); + color: var(--tridactyl-bg); +} + +#tridactyl-input { padding: 1rem; + color: var(--tridactyl-fg); + width: 90%; + font-size: 1.5rem; + line-height: 1.5; + background: var(--tridactyl-bg); + padding-left: unset; + padding: 1rem; +} + +#completions table { font-size: 0.8rem; + font-weight: 200; + border-spacing: 0; + table-layout: fixed; + padding: 1rem; + padding-top: 1rem; + padding-bottom: 1rem; +} + +#completions > div { max-height: calc(20 * var(--option-height)); + min-height: calc(10 * var(--option-height)); +} + +/* COMPLETIONS */ + +#completions { --option-height: 1.4em; + color: var(--tridactyl-fg); + background: var(--tridactyl-bg); + display: inline-block; + font-size: unset; + font-weight: 200; + overflow: hidden; + width: 100%; + border-top: unset; + order: 2; +} + +/* Olie doesn't know how CSS inheritance works */ +#completions .HistoryCompletionSource { max-height: unset; + min-height: unset; +} + +#completions .HistoryCompletionSource table { width: 100%; + font-size: 9pt; + border-spacing: 0; + table-layout: fixed; +} + +/* redundancy 2: redundancy 2: more redundancy */ +#completions .BmarkCompletionSource { max-height: unset; + min-height: unset; +} + +#completions table tr td.prefix,#completions table tr td.privatewindow,#completions table tr td.container,#completions table tr td.icon { display: none; +} + +#completions .BufferCompletionSource table { width: unset; + font-size: unset; + border-spacing: unset; + table-layout: unset; +} + +#completions table tr .title { width: 50%; +} + +#completions table tr { white-space: nowrap; + overflow: hidden; + text-overflow: ellipsis; +} + +#completions .sectionHeader { background: unset; + font-weight: 200; + border-bottom: unset; + padding: 1rem !important; + padding-left: unset; + padding-bottom: 0.2rem; +} + +#cmdline_iframe { position: fixed !important; + bottom: unset; + top: 25% !important; + left: 10% !important; + z-index: 2147483647 !important; + width: 80% !important; + box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 20px !important; +} + +.TridactylStatusIndicator { position: fixed !important; + bottom: 0 !important; + background: var(--tridactyl-bg) !important; + border: unset !important; + border: 1px var(--base0B) solid !important; + font-size: 12pt !important; + /*font-weight: 200 !important;*/ + padding: 0.8ex !important; +} + +#completions .focused { background: var(--base0B); + color: var(--base00); +} + +#completions .focused .url { background: var(--base0B); + color: var(--base00); +} +/* #Ocean-normal { */ +/* border-color: green !important; */ +/* } */ + +/* #Ocean-insert { */ +/* border-color: yellow !important; */ +/* } */ diff --git a/tridactyl/themes/base16-ocean.css b/tridactyl/themes/base16-ocean.css new file mode 100644 index 0000000..e22cb75 --- /dev/null +++ b/tridactyl/themes/base16-ocean.css @@ -0,0 +1,153 @@ +:root { /* Ocean by Chris Kempson (http://chriskempson.com) */ + --base00: #2b303b; + --base01: #343d46; + --base02: #4f5b66; + --base03: #65737e; + --base04: #a7adba; + --base05: #c0c5ce; + --base06: #dfe1e8; + --base07: #eff1f5; + --base08: #bf616a; + --base09: #d08770; + --base0A: #ebcb8b; + --base0B: #a3be8c; + --base0C: #96b5b4; + --base0D: #8fa1b3; + --base0E: #b48ead; + --base0F: #ab7967; + + --tridactyl-fg: var(--base05); + --tridactyl-bg: var(--base00); + --tridactyl-url-fg: var(--base08); + --tridactyl-url-bg: var(--base00); + --tridactyl-highlight-box-bg: var(--base0B); + --tridactyl-highlight-box-fg: var(--base00); + + /* Hint character tags */ + --tridactyl-hintspan-fg: var(--base00) !important; + --tridactyl-hintspan-bg: var(--base0A) !important; + + /* Element Highlights */ + --tridactyl-hint-active-fg: none; + --tridactyl-hint-active-bg: none; + --tridactyl-hint-active-outline: none; + --tridactyl-hint-bg: none; + --tridactyl-hint-outline: none; +} + +#command-line-holder { order: 1; + border: 2px solid var(--base0B); + color: var(--tridactyl-bg); +} + +#tridactyl-input { padding: 1rem; + color: var(--tridactyl-fg); + width: 90%; + font-size: 1.5rem; + line-height: 1.5; + background: var(--tridactyl-bg); + padding-left: unset; + padding: 1rem; +} + +#completions table { font-size: 0.8rem; + font-weight: 200; + border-spacing: 0; + table-layout: fixed; + padding: 1rem; + padding-top: 1rem; + padding-bottom: 1rem; +} + +#completions > div { max-height: calc(20 * var(--option-height)); + min-height: calc(10 * var(--option-height)); +} + +/* COMPLETIONS */ + +#completions { --option-height: 1.4em; + color: var(--tridactyl-fg); + background: var(--tridactyl-bg); + display: inline-block; + font-size: unset; + font-weight: 200; + overflow: hidden; + width: 100%; + border-top: unset; + order: 2; +} + +/* Olie doesn't know how CSS inheritance works */ +#completions .HistoryCompletionSource { max-height: unset; + min-height: unset; +} + +#completions .HistoryCompletionSource table { width: 100%; + font-size: 9pt; + border-spacing: 0; + table-layout: fixed; +} + +/* redundancy 2: redundancy 2: more redundancy */ +#completions .BmarkCompletionSource { max-height: unset; + min-height: unset; +} + +#completions table tr td.prefix,#completions table tr td.privatewindow,#completions table tr td.container,#completions table tr td.icon { display: none; +} + +#completions .BufferCompletionSource table { width: unset; + font-size: unset; + border-spacing: unset; + table-layout: unset; +} + +#completions table tr .title { width: 50%; +} + +#completions table tr { white-space: nowrap; + overflow: hidden; + text-overflow: ellipsis; +} + +#completions .sectionHeader { background: unset; + font-weight: 200; + border-bottom: unset; + padding: 1rem !important; + padding-left: unset; + padding-bottom: 0.2rem; +} + +#cmdline_iframe { position: fixed !important; + bottom: unset; + top: 25% !important; + left: 10% !important; + z-index: 2147483647 !important; + width: 80% !important; + box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 20px !important; +} + +.TridactylStatusIndicator { position: fixed !important; + bottom: 0 !important; + background: var(--tridactyl-bg) !important; + border: unset !important; + border: 1px var(--base0B) solid !important; + font-size: 12pt !important; + /*font-weight: 200 !important;*/ + padding: 0.8ex !important; +} + +#completions .focused { background: var(--base0B); + color: var(--base00); +} + +#completions .focused .url { background: var(--base0B); + color: var(--base00); +} +/* #Ocean-normal { */ +/* border-color: green !important; */ +/* } */ + +/* #Ocean-insert { */ +/* border-color: yellow !important; */ +/* } */ diff --git a/tridactyl/themes/base16-oceanicnext.css b/tridactyl/themes/base16-oceanicnext.css new file mode 100644 index 0000000..51eb0a5 --- /dev/null +++ b/tridactyl/themes/base16-oceanicnext.css @@ -0,0 +1,153 @@ +:root { /* Oceanicnext by Chris Kempson (http://chriskempson.com) */ + --base00: #1b2b34; + --base01: #343d46; + --base02: #4f5b66; + --base03: #65737e; + --base04: #a7adba; + --base05: #c0c5ce; + --base06: #cdd3de; + --base07: #d8dee9; + --base08: #ec5f67; + --base09: #f99157; + --base0A: #fac863; + --base0B: #99c794; + --base0C: #5fb3b3; + --base0D: #6699cc; + --base0E: #c594c5; + --base0F: #ab7967; + + --tridactyl-fg: var(--base05); + --tridactyl-bg: var(--base00); + --tridactyl-url-fg: var(--base08); + --tridactyl-url-bg: var(--base00); + --tridactyl-highlight-box-bg: var(--base0B); + --tridactyl-highlight-box-fg: var(--base00); + + /* Hint character tags */ + --tridactyl-hintspan-fg: var(--base00) !important; + --tridactyl-hintspan-bg: var(--base0A) !important; + + /* Element Highlights */ + --tridactyl-hint-active-fg: none; + --tridactyl-hint-active-bg: none; + --tridactyl-hint-active-outline: none; + --tridactyl-hint-bg: none; + --tridactyl-hint-outline: none; +} + +#command-line-holder { order: 1; + border: 2px solid var(--base0B); + color: var(--tridactyl-bg); +} + +#tridactyl-input { padding: 1rem; + color: var(--tridactyl-fg); + width: 90%; + font-size: 1.5rem; + line-height: 1.5; + background: var(--tridactyl-bg); + padding-left: unset; + padding: 1rem; +} + +#completions table { font-size: 0.8rem; + font-weight: 200; + border-spacing: 0; + table-layout: fixed; + padding: 1rem; + padding-top: 1rem; + padding-bottom: 1rem; +} + +#completions > div { max-height: calc(20 * var(--option-height)); + min-height: calc(10 * var(--option-height)); +} + +/* COMPLETIONS */ + +#completions { --option-height: 1.4em; + color: var(--tridactyl-fg); + background: var(--tridactyl-bg); + display: inline-block; + font-size: unset; + font-weight: 200; + overflow: hidden; + width: 100%; + border-top: unset; + order: 2; +} + +/* Olie doesn't know how CSS inheritance works */ +#completions .HistoryCompletionSource { max-height: unset; + min-height: unset; +} + +#completions .HistoryCompletionSource table { width: 100%; + font-size: 9pt; + border-spacing: 0; + table-layout: fixed; +} + +/* redundancy 2: redundancy 2: more redundancy */ +#completions .BmarkCompletionSource { max-height: unset; + min-height: unset; +} + +#completions table tr td.prefix,#completions table tr td.privatewindow,#completions table tr td.container,#completions table tr td.icon { display: none; +} + +#completions .BufferCompletionSource table { width: unset; + font-size: unset; + border-spacing: unset; + table-layout: unset; +} + +#completions table tr .title { width: 50%; +} + +#completions table tr { white-space: nowrap; + overflow: hidden; + text-overflow: ellipsis; +} + +#completions .sectionHeader { background: unset; + font-weight: 200; + border-bottom: unset; + padding: 1rem !important; + padding-left: unset; + padding-bottom: 0.2rem; +} + +#cmdline_iframe { position: fixed !important; + bottom: unset; + top: 25% !important; + left: 10% !important; + z-index: 2147483647 !important; + width: 80% !important; + box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 20px !important; +} + +.TridactylStatusIndicator { position: fixed !important; + bottom: 0 !important; + background: var(--tridactyl-bg) !important; + border: unset !important; + border: 1px var(--base0B) solid !important; + font-size: 12pt !important; + /*font-weight: 200 !important;*/ + padding: 0.8ex !important; +} + +#completions .focused { background: var(--base0B); + color: var(--base00); +} + +#completions .focused .url { background: var(--base0B); + color: var(--base00); +} +/* #Ocean-normal { */ +/* border-color: green !important; */ +/* } */ + +/* #Ocean-insert { */ +/* border-color: yellow !important; */ +/* } */ diff --git a/tridactyl/themes/base16-onedark.css b/tridactyl/themes/base16-onedark.css new file mode 100644 index 0000000..4360759 --- /dev/null +++ b/tridactyl/themes/base16-onedark.css @@ -0,0 +1,153 @@ +:root { /* Onedark by Chris Kempson (http://chriskempson.com) */ + --base00: #282c34; + --base01: #353b45; + --base02: #3e4451; + --base03: #545862; + --base04: #565c64; + --base05: #abb2bf; + --base06: #b6bdca; + --base07: #c8ccd4; + --base08: #e06c75; + --base09: #d19a66; + --base0A: #e5c07b; + --base0B: #98c379; + --base0C: #56b6c2; + --base0D: #61afef; + --base0E: #c678dd; + --base0F: #be5046; + + --tridactyl-fg: var(--base05); + --tridactyl-bg: var(--base00); + --tridactyl-url-fg: var(--base08); + --tridactyl-url-bg: var(--base00); + --tridactyl-highlight-box-bg: var(--base0B); + --tridactyl-highlight-box-fg: var(--base00); + + /* Hint character tags */ + --tridactyl-hintspan-fg: var(--base00) !important; + --tridactyl-hintspan-bg: var(--base0A) !important; + + /* Element Highlights */ + --tridactyl-hint-active-fg: none; + --tridactyl-hint-active-bg: none; + --tridactyl-hint-active-outline: none; + --tridactyl-hint-bg: none; + --tridactyl-hint-outline: none; +} + +#command-line-holder { order: 1; + border: 2px solid var(--base0B); + color: var(--tridactyl-bg); +} + +#tridactyl-input { padding: 1rem; + color: var(--tridactyl-fg); + width: 90%; + font-size: 1.5rem; + line-height: 1.5; + background: var(--tridactyl-bg); + padding-left: unset; + padding: 1rem; +} + +#completions table { font-size: 0.8rem; + font-weight: 200; + border-spacing: 0; + table-layout: fixed; + padding: 1rem; + padding-top: 1rem; + padding-bottom: 1rem; +} + +#completions > div { max-height: calc(20 * var(--option-height)); + min-height: calc(10 * var(--option-height)); +} + +/* COMPLETIONS */ + +#completions { --option-height: 1.4em; + color: var(--tridactyl-fg); + background: var(--tridactyl-bg); + display: inline-block; + font-size: unset; + font-weight: 200; + overflow: hidden; + width: 100%; + border-top: unset; + order: 2; +} + +/* Olie doesn't know how CSS inheritance works */ +#completions .HistoryCompletionSource { max-height: unset; + min-height: unset; +} + +#completions .HistoryCompletionSource table { width: 100%; + font-size: 9pt; + border-spacing: 0; + table-layout: fixed; +} + +/* redundancy 2: redundancy 2: more redundancy */ +#completions .BmarkCompletionSource { max-height: unset; + min-height: unset; +} + +#completions table tr td.prefix,#completions table tr td.privatewindow,#completions table tr td.container,#completions table tr td.icon { display: none; +} + +#completions .BufferCompletionSource table { width: unset; + font-size: unset; + border-spacing: unset; + table-layout: unset; +} + +#completions table tr .title { width: 50%; +} + +#completions table tr { white-space: nowrap; + overflow: hidden; + text-overflow: ellipsis; +} + +#completions .sectionHeader { background: unset; + font-weight: 200; + border-bottom: unset; + padding: 1rem !important; + padding-left: unset; + padding-bottom: 0.2rem; +} + +#cmdline_iframe { position: fixed !important; + bottom: unset; + top: 25% !important; + left: 10% !important; + z-index: 2147483647 !important; + width: 80% !important; + box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 20px !important; +} + +.TridactylStatusIndicator { position: fixed !important; + bottom: 0 !important; + background: var(--tridactyl-bg) !important; + border: unset !important; + border: 1px var(--base0B) solid !important; + font-size: 12pt !important; + /*font-weight: 200 !important;*/ + padding: 0.8ex !important; +} + +#completions .focused { background: var(--base0B); + color: var(--base00); +} + +#completions .focused .url { background: var(--base0B); + color: var(--base00); +} +/* #Ocean-normal { */ +/* border-color: green !important; */ +/* } */ + +/* #Ocean-insert { */ +/* border-color: yellow !important; */ +/* } */ diff --git a/tridactyl/themes/base16-paraiso.css b/tridactyl/themes/base16-paraiso.css new file mode 100644 index 0000000..a78f0f3 --- /dev/null +++ b/tridactyl/themes/base16-paraiso.css @@ -0,0 +1,153 @@ +:root { /* Paraiso by Chris Kempson (http://chriskempson.com) */ + --base00: #2f1e2e; + --base01: #41323f; + --base02: #4f424c; + --base03: #776e71; + --base04: #8d8687; + --base05: #a39e9b; + --base06: #b9b6b0; + --base07: #e7e9db; + --base08: #ef6155; + --base09: #f99b15; + --base0A: #fec418; + --base0B: #48b685; + --base0C: #5bc4bf; + --base0D: #06b6ef; + --base0E: #815ba4; + --base0F: #e96ba8; + + --tridactyl-fg: var(--base05); + --tridactyl-bg: var(--base00); + --tridactyl-url-fg: var(--base08); + --tridactyl-url-bg: var(--base00); + --tridactyl-highlight-box-bg: var(--base0B); + --tridactyl-highlight-box-fg: var(--base00); + + /* Hint character tags */ + --tridactyl-hintspan-fg: var(--base00) !important; + --tridactyl-hintspan-bg: var(--base0A) !important; + + /* Element Highlights */ + --tridactyl-hint-active-fg: none; + --tridactyl-hint-active-bg: none; + --tridactyl-hint-active-outline: none; + --tridactyl-hint-bg: none; + --tridactyl-hint-outline: none; +} + +#command-line-holder { order: 1; + border: 2px solid var(--base0B); + color: var(--tridactyl-bg); +} + +#tridactyl-input { padding: 1rem; + color: var(--tridactyl-fg); + width: 90%; + font-size: 1.5rem; + line-height: 1.5; + background: var(--tridactyl-bg); + padding-left: unset; + padding: 1rem; +} + +#completions table { font-size: 0.8rem; + font-weight: 200; + border-spacing: 0; + table-layout: fixed; + padding: 1rem; + padding-top: 1rem; + padding-bottom: 1rem; +} + +#completions > div { max-height: calc(20 * var(--option-height)); + min-height: calc(10 * var(--option-height)); +} + +/* COMPLETIONS */ + +#completions { --option-height: 1.4em; + color: var(--tridactyl-fg); + background: var(--tridactyl-bg); + display: inline-block; + font-size: unset; + font-weight: 200; + overflow: hidden; + width: 100%; + border-top: unset; + order: 2; +} + +/* Olie doesn't know how CSS inheritance works */ +#completions .HistoryCompletionSource { max-height: unset; + min-height: unset; +} + +#completions .HistoryCompletionSource table { width: 100%; + font-size: 9pt; + border-spacing: 0; + table-layout: fixed; +} + +/* redundancy 2: redundancy 2: more redundancy */ +#completions .BmarkCompletionSource { max-height: unset; + min-height: unset; +} + +#completions table tr td.prefix,#completions table tr td.privatewindow,#completions table tr td.container,#completions table tr td.icon { display: none; +} + +#completions .BufferCompletionSource table { width: unset; + font-size: unset; + border-spacing: unset; + table-layout: unset; +} + +#completions table tr .title { width: 50%; +} + +#completions table tr { white-space: nowrap; + overflow: hidden; + text-overflow: ellipsis; +} + +#completions .sectionHeader { background: unset; + font-weight: 200; + border-bottom: unset; + padding: 1rem !important; + padding-left: unset; + padding-bottom: 0.2rem; +} + +#cmdline_iframe { position: fixed !important; + bottom: unset; + top: 25% !important; + left: 10% !important; + z-index: 2147483647 !important; + width: 80% !important; + box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 20px !important; +} + +.TridactylStatusIndicator { position: fixed !important; + bottom: 0 !important; + background: var(--tridactyl-bg) !important; + border: unset !important; + border: 1px var(--base0B) solid !important; + font-size: 12pt !important; + /*font-weight: 200 !important;*/ + padding: 0.8ex !important; +} + +#completions .focused { background: var(--base0B); + color: var(--base00); +} + +#completions .focused .url { background: var(--base0B); + color: var(--base00); +} +/* #Ocean-normal { */ +/* border-color: green !important; */ +/* } */ + +/* #Ocean-insert { */ +/* border-color: yellow !important; */ +/* } */ diff --git a/tridactyl/themes/base16-phd.css b/tridactyl/themes/base16-phd.css new file mode 100644 index 0000000..7e50447 --- /dev/null +++ b/tridactyl/themes/base16-phd.css @@ -0,0 +1,153 @@ +:root { /* Phd by Chris Kempson (http://chriskempson.com) */ + --base00: #061229; + --base01: #2a3448; + --base02: #4d5666; + --base03: #717885; + --base04: #9a99a3; + --base05: #b8bbc2; + --base06: #dbdde0; + --base07: #ffffff; + --base08: #d07346; + --base09: #f0a000; + --base0A: #fbd461; + --base0B: #99bf52; + --base0C: #72b9bf; + --base0D: #5299bf; + --base0E: #9989cc; + --base0F: #b08060; + + --tridactyl-fg: var(--base05); + --tridactyl-bg: var(--base00); + --tridactyl-url-fg: var(--base08); + --tridactyl-url-bg: var(--base00); + --tridactyl-highlight-box-bg: var(--base0B); + --tridactyl-highlight-box-fg: var(--base00); + + /* Hint character tags */ + --tridactyl-hintspan-fg: var(--base00) !important; + --tridactyl-hintspan-bg: var(--base0A) !important; + + /* Element Highlights */ + --tridactyl-hint-active-fg: none; + --tridactyl-hint-active-bg: none; + --tridactyl-hint-active-outline: none; + --tridactyl-hint-bg: none; + --tridactyl-hint-outline: none; +} + +#command-line-holder { order: 1; + border: 2px solid var(--base0B); + color: var(--tridactyl-bg); +} + +#tridactyl-input { padding: 1rem; + color: var(--tridactyl-fg); + width: 90%; + font-size: 1.5rem; + line-height: 1.5; + background: var(--tridactyl-bg); + padding-left: unset; + padding: 1rem; +} + +#completions table { font-size: 0.8rem; + font-weight: 200; + border-spacing: 0; + table-layout: fixed; + padding: 1rem; + padding-top: 1rem; + padding-bottom: 1rem; +} + +#completions > div { max-height: calc(20 * var(--option-height)); + min-height: calc(10 * var(--option-height)); +} + +/* COMPLETIONS */ + +#completions { --option-height: 1.4em; + color: var(--tridactyl-fg); + background: var(--tridactyl-bg); + display: inline-block; + font-size: unset; + font-weight: 200; + overflow: hidden; + width: 100%; + border-top: unset; + order: 2; +} + +/* Olie doesn't know how CSS inheritance works */ +#completions .HistoryCompletionSource { max-height: unset; + min-height: unset; +} + +#completions .HistoryCompletionSource table { width: 100%; + font-size: 9pt; + border-spacing: 0; + table-layout: fixed; +} + +/* redundancy 2: redundancy 2: more redundancy */ +#completions .BmarkCompletionSource { max-height: unset; + min-height: unset; +} + +#completions table tr td.prefix,#completions table tr td.privatewindow,#completions table tr td.container,#completions table tr td.icon { display: none; +} + +#completions .BufferCompletionSource table { width: unset; + font-size: unset; + border-spacing: unset; + table-layout: unset; +} + +#completions table tr .title { width: 50%; +} + +#completions table tr { white-space: nowrap; + overflow: hidden; + text-overflow: ellipsis; +} + +#completions .sectionHeader { background: unset; + font-weight: 200; + border-bottom: unset; + padding: 1rem !important; + padding-left: unset; + padding-bottom: 0.2rem; +} + +#cmdline_iframe { position: fixed !important; + bottom: unset; + top: 25% !important; + left: 10% !important; + z-index: 2147483647 !important; + width: 80% !important; + box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 20px !important; +} + +.TridactylStatusIndicator { position: fixed !important; + bottom: 0 !important; + background: var(--tridactyl-bg) !important; + border: unset !important; + border: 1px var(--base0B) solid !important; + font-size: 12pt !important; + /*font-weight: 200 !important;*/ + padding: 0.8ex !important; +} + +#completions .focused { background: var(--base0B); + color: var(--base00); +} + +#completions .focused .url { background: var(--base0B); + color: var(--base00); +} +/* #Ocean-normal { */ +/* border-color: green !important; */ +/* } */ + +/* #Ocean-insert { */ +/* border-color: yellow !important; */ +/* } */ diff --git a/tridactyl/themes/base16-pico.css b/tridactyl/themes/base16-pico.css new file mode 100644 index 0000000..6cac122 --- /dev/null +++ b/tridactyl/themes/base16-pico.css @@ -0,0 +1,153 @@ +:root { /* Pico by Chris Kempson (http://chriskempson.com) */ + --base00: #000000; + --base01: #1d2b53; + --base02: #7e2553; + --base03: #008751; + --base04: #ab5236; + --base05: #5f574f; + --base06: #c2c3c7; + --base07: #fff1e8; + --base08: #ff004d; + --base09: #ffa300; + --base0A: #fff024; + --base0B: #00e756; + --base0C: #29adff; + --base0D: #83769c; + --base0E: #ff77a8; + --base0F: #ffccaa; + + --tridactyl-fg: var(--base05); + --tridactyl-bg: var(--base00); + --tridactyl-url-fg: var(--base08); + --tridactyl-url-bg: var(--base00); + --tridactyl-highlight-box-bg: var(--base0B); + --tridactyl-highlight-box-fg: var(--base00); + + /* Hint character tags */ + --tridactyl-hintspan-fg: var(--base00) !important; + --tridactyl-hintspan-bg: var(--base0A) !important; + + /* Element Highlights */ + --tridactyl-hint-active-fg: none; + --tridactyl-hint-active-bg: none; + --tridactyl-hint-active-outline: none; + --tridactyl-hint-bg: none; + --tridactyl-hint-outline: none; +} + +#command-line-holder { order: 1; + border: 2px solid var(--base0B); + color: var(--tridactyl-bg); +} + +#tridactyl-input { padding: 1rem; + color: var(--tridactyl-fg); + width: 90%; + font-size: 1.5rem; + line-height: 1.5; + background: var(--tridactyl-bg); + padding-left: unset; + padding: 1rem; +} + +#completions table { font-size: 0.8rem; + font-weight: 200; + border-spacing: 0; + table-layout: fixed; + padding: 1rem; + padding-top: 1rem; + padding-bottom: 1rem; +} + +#completions > div { max-height: calc(20 * var(--option-height)); + min-height: calc(10 * var(--option-height)); +} + +/* COMPLETIONS */ + +#completions { --option-height: 1.4em; + color: var(--tridactyl-fg); + background: var(--tridactyl-bg); + display: inline-block; + font-size: unset; + font-weight: 200; + overflow: hidden; + width: 100%; + border-top: unset; + order: 2; +} + +/* Olie doesn't know how CSS inheritance works */ +#completions .HistoryCompletionSource { max-height: unset; + min-height: unset; +} + +#completions .HistoryCompletionSource table { width: 100%; + font-size: 9pt; + border-spacing: 0; + table-layout: fixed; +} + +/* redundancy 2: redundancy 2: more redundancy */ +#completions .BmarkCompletionSource { max-height: unset; + min-height: unset; +} + +#completions table tr td.prefix,#completions table tr td.privatewindow,#completions table tr td.container,#completions table tr td.icon { display: none; +} + +#completions .BufferCompletionSource table { width: unset; + font-size: unset; + border-spacing: unset; + table-layout: unset; +} + +#completions table tr .title { width: 50%; +} + +#completions table tr { white-space: nowrap; + overflow: hidden; + text-overflow: ellipsis; +} + +#completions .sectionHeader { background: unset; + font-weight: 200; + border-bottom: unset; + padding: 1rem !important; + padding-left: unset; + padding-bottom: 0.2rem; +} + +#cmdline_iframe { position: fixed !important; + bottom: unset; + top: 25% !important; + left: 10% !important; + z-index: 2147483647 !important; + width: 80% !important; + box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 20px !important; +} + +.TridactylStatusIndicator { position: fixed !important; + bottom: 0 !important; + background: var(--tridactyl-bg) !important; + border: unset !important; + border: 1px var(--base0B) solid !important; + font-size: 12pt !important; + /*font-weight: 200 !important;*/ + padding: 0.8ex !important; +} + +#completions .focused { background: var(--base0B); + color: var(--base00); +} + +#completions .focused .url { background: var(--base0B); + color: var(--base00); +} +/* #Ocean-normal { */ +/* border-color: green !important; */ +/* } */ + +/* #Ocean-insert { */ +/* border-color: yellow !important; */ +/* } */ diff --git a/tridactyl/themes/base16-pop.css b/tridactyl/themes/base16-pop.css new file mode 100644 index 0000000..041e533 --- /dev/null +++ b/tridactyl/themes/base16-pop.css @@ -0,0 +1,153 @@ +:root { /* Pop by Chris Kempson (http://chriskempson.com) */ + --base00: #000000; + --base01: #202020; + --base02: #303030; + --base03: #505050; + --base04: #b0b0b0; + --base05: #d0d0d0; + --base06: #e0e0e0; + --base07: #ffffff; + --base08: #eb008a; + --base09: #f29333; + --base0A: #f8ca12; + --base0B: #37b349; + --base0C: #00aabb; + --base0D: #0e5a94; + --base0E: #b31e8d; + --base0F: #7a2d00; + + --tridactyl-fg: var(--base05); + --tridactyl-bg: var(--base00); + --tridactyl-url-fg: var(--base08); + --tridactyl-url-bg: var(--base00); + --tridactyl-highlight-box-bg: var(--base0B); + --tridactyl-highlight-box-fg: var(--base00); + + /* Hint character tags */ + --tridactyl-hintspan-fg: var(--base00) !important; + --tridactyl-hintspan-bg: var(--base0A) !important; + + /* Element Highlights */ + --tridactyl-hint-active-fg: none; + --tridactyl-hint-active-bg: none; + --tridactyl-hint-active-outline: none; + --tridactyl-hint-bg: none; + --tridactyl-hint-outline: none; +} + +#command-line-holder { order: 1; + border: 2px solid var(--base0B); + color: var(--tridactyl-bg); +} + +#tridactyl-input { padding: 1rem; + color: var(--tridactyl-fg); + width: 90%; + font-size: 1.5rem; + line-height: 1.5; + background: var(--tridactyl-bg); + padding-left: unset; + padding: 1rem; +} + +#completions table { font-size: 0.8rem; + font-weight: 200; + border-spacing: 0; + table-layout: fixed; + padding: 1rem; + padding-top: 1rem; + padding-bottom: 1rem; +} + +#completions > div { max-height: calc(20 * var(--option-height)); + min-height: calc(10 * var(--option-height)); +} + +/* COMPLETIONS */ + +#completions { --option-height: 1.4em; + color: var(--tridactyl-fg); + background: var(--tridactyl-bg); + display: inline-block; + font-size: unset; + font-weight: 200; + overflow: hidden; + width: 100%; + border-top: unset; + order: 2; +} + +/* Olie doesn't know how CSS inheritance works */ +#completions .HistoryCompletionSource { max-height: unset; + min-height: unset; +} + +#completions .HistoryCompletionSource table { width: 100%; + font-size: 9pt; + border-spacing: 0; + table-layout: fixed; +} + +/* redundancy 2: redundancy 2: more redundancy */ +#completions .BmarkCompletionSource { max-height: unset; + min-height: unset; +} + +#completions table tr td.prefix,#completions table tr td.privatewindow,#completions table tr td.container,#completions table tr td.icon { display: none; +} + +#completions .BufferCompletionSource table { width: unset; + font-size: unset; + border-spacing: unset; + table-layout: unset; +} + +#completions table tr .title { width: 50%; +} + +#completions table tr { white-space: nowrap; + overflow: hidden; + text-overflow: ellipsis; +} + +#completions .sectionHeader { background: unset; + font-weight: 200; + border-bottom: unset; + padding: 1rem !important; + padding-left: unset; + padding-bottom: 0.2rem; +} + +#cmdline_iframe { position: fixed !important; + bottom: unset; + top: 25% !important; + left: 10% !important; + z-index: 2147483647 !important; + width: 80% !important; + box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 20px !important; +} + +.TridactylStatusIndicator { position: fixed !important; + bottom: 0 !important; + background: var(--tridactyl-bg) !important; + border: unset !important; + border: 1px var(--base0B) solid !important; + font-size: 12pt !important; + /*font-weight: 200 !important;*/ + padding: 0.8ex !important; +} + +#completions .focused { background: var(--base0B); + color: var(--base00); +} + +#completions .focused .url { background: var(--base0B); + color: var(--base00); +} +/* #Ocean-normal { */ +/* border-color: green !important; */ +/* } */ + +/* #Ocean-insert { */ +/* border-color: yellow !important; */ +/* } */ diff --git a/tridactyl/themes/base16-railscasts.css b/tridactyl/themes/base16-railscasts.css new file mode 100644 index 0000000..1667b54 --- /dev/null +++ b/tridactyl/themes/base16-railscasts.css @@ -0,0 +1,153 @@ +:root { /* Railscasts by Chris Kempson (http://chriskempson.com) */ + --base00: #2b2b2b; + --base01: #272935; + --base02: #3a4055; + --base03: #5a647e; + --base04: #d4cfc9; + --base05: #e6e1dc; + --base06: #f4f1ed; + --base07: #f9f7f3; + --base08: #da4939; + --base09: #cc7833; + --base0A: #ffc66d; + --base0B: #a5c261; + --base0C: #519f50; + --base0D: #6d9cbe; + --base0E: #b6b3eb; + --base0F: #bc9458; + + --tridactyl-fg: var(--base05); + --tridactyl-bg: var(--base00); + --tridactyl-url-fg: var(--base08); + --tridactyl-url-bg: var(--base00); + --tridactyl-highlight-box-bg: var(--base0B); + --tridactyl-highlight-box-fg: var(--base00); + + /* Hint character tags */ + --tridactyl-hintspan-fg: var(--base00) !important; + --tridactyl-hintspan-bg: var(--base0A) !important; + + /* Element Highlights */ + --tridactyl-hint-active-fg: none; + --tridactyl-hint-active-bg: none; + --tridactyl-hint-active-outline: none; + --tridactyl-hint-bg: none; + --tridactyl-hint-outline: none; +} + +#command-line-holder { order: 1; + border: 2px solid var(--base0B); + color: var(--tridactyl-bg); +} + +#tridactyl-input { padding: 1rem; + color: var(--tridactyl-fg); + width: 90%; + font-size: 1.5rem; + line-height: 1.5; + background: var(--tridactyl-bg); + padding-left: unset; + padding: 1rem; +} + +#completions table { font-size: 0.8rem; + font-weight: 200; + border-spacing: 0; + table-layout: fixed; + padding: 1rem; + padding-top: 1rem; + padding-bottom: 1rem; +} + +#completions > div { max-height: calc(20 * var(--option-height)); + min-height: calc(10 * var(--option-height)); +} + +/* COMPLETIONS */ + +#completions { --option-height: 1.4em; + color: var(--tridactyl-fg); + background: var(--tridactyl-bg); + display: inline-block; + font-size: unset; + font-weight: 200; + overflow: hidden; + width: 100%; + border-top: unset; + order: 2; +} + +/* Olie doesn't know how CSS inheritance works */ +#completions .HistoryCompletionSource { max-height: unset; + min-height: unset; +} + +#completions .HistoryCompletionSource table { width: 100%; + font-size: 9pt; + border-spacing: 0; + table-layout: fixed; +} + +/* redundancy 2: redundancy 2: more redundancy */ +#completions .BmarkCompletionSource { max-height: unset; + min-height: unset; +} + +#completions table tr td.prefix,#completions table tr td.privatewindow,#completions table tr td.container,#completions table tr td.icon { display: none; +} + +#completions .BufferCompletionSource table { width: unset; + font-size: unset; + border-spacing: unset; + table-layout: unset; +} + +#completions table tr .title { width: 50%; +} + +#completions table tr { white-space: nowrap; + overflow: hidden; + text-overflow: ellipsis; +} + +#completions .sectionHeader { background: unset; + font-weight: 200; + border-bottom: unset; + padding: 1rem !important; + padding-left: unset; + padding-bottom: 0.2rem; +} + +#cmdline_iframe { position: fixed !important; + bottom: unset; + top: 25% !important; + left: 10% !important; + z-index: 2147483647 !important; + width: 80% !important; + box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 20px !important; +} + +.TridactylStatusIndicator { position: fixed !important; + bottom: 0 !important; + background: var(--tridactyl-bg) !important; + border: unset !important; + border: 1px var(--base0B) solid !important; + font-size: 12pt !important; + /*font-weight: 200 !important;*/ + padding: 0.8ex !important; +} + +#completions .focused { background: var(--base0B); + color: var(--base00); +} + +#completions .focused .url { background: var(--base0B); + color: var(--base00); +} +/* #Ocean-normal { */ +/* border-color: green !important; */ +/* } */ + +/* #Ocean-insert { */ +/* border-color: yellow !important; */ +/* } */ diff --git a/tridactyl/themes/base16-rebecca.css b/tridactyl/themes/base16-rebecca.css new file mode 100644 index 0000000..bc2501c --- /dev/null +++ b/tridactyl/themes/base16-rebecca.css @@ -0,0 +1,153 @@ +:root { /* Rebecca by Chris Kempson (http://chriskempson.com) */ + --base00: #292a44; + --base01: #663399; + --base02: #383a62; + --base03: #666699; + --base04: #a0a0c5; + --base05: #f1eff8; + --base06: #ccccff; + --base07: #53495d; + --base08: #a0a0c5; + --base09: #efe4a1; + --base0A: #ae81ff; + --base0B: #6dfedf; + --base0C: #8eaee0; + --base0D: #2de0a7; + --base0E: #7aa5ff; + --base0F: #ff79c6; + + --tridactyl-fg: var(--base05); + --tridactyl-bg: var(--base00); + --tridactyl-url-fg: var(--base08); + --tridactyl-url-bg: var(--base00); + --tridactyl-highlight-box-bg: var(--base0B); + --tridactyl-highlight-box-fg: var(--base00); + + /* Hint character tags */ + --tridactyl-hintspan-fg: var(--base00) !important; + --tridactyl-hintspan-bg: var(--base0A) !important; + + /* Element Highlights */ + --tridactyl-hint-active-fg: none; + --tridactyl-hint-active-bg: none; + --tridactyl-hint-active-outline: none; + --tridactyl-hint-bg: none; + --tridactyl-hint-outline: none; +} + +#command-line-holder { order: 1; + border: 2px solid var(--base0B); + color: var(--tridactyl-bg); +} + +#tridactyl-input { padding: 1rem; + color: var(--tridactyl-fg); + width: 90%; + font-size: 1.5rem; + line-height: 1.5; + background: var(--tridactyl-bg); + padding-left: unset; + padding: 1rem; +} + +#completions table { font-size: 0.8rem; + font-weight: 200; + border-spacing: 0; + table-layout: fixed; + padding: 1rem; + padding-top: 1rem; + padding-bottom: 1rem; +} + +#completions > div { max-height: calc(20 * var(--option-height)); + min-height: calc(10 * var(--option-height)); +} + +/* COMPLETIONS */ + +#completions { --option-height: 1.4em; + color: var(--tridactyl-fg); + background: var(--tridactyl-bg); + display: inline-block; + font-size: unset; + font-weight: 200; + overflow: hidden; + width: 100%; + border-top: unset; + order: 2; +} + +/* Olie doesn't know how CSS inheritance works */ +#completions .HistoryCompletionSource { max-height: unset; + min-height: unset; +} + +#completions .HistoryCompletionSource table { width: 100%; + font-size: 9pt; + border-spacing: 0; + table-layout: fixed; +} + +/* redundancy 2: redundancy 2: more redundancy */ +#completions .BmarkCompletionSource { max-height: unset; + min-height: unset; +} + +#completions table tr td.prefix,#completions table tr td.privatewindow,#completions table tr td.container,#completions table tr td.icon { display: none; +} + +#completions .BufferCompletionSource table { width: unset; + font-size: unset; + border-spacing: unset; + table-layout: unset; +} + +#completions table tr .title { width: 50%; +} + +#completions table tr { white-space: nowrap; + overflow: hidden; + text-overflow: ellipsis; +} + +#completions .sectionHeader { background: unset; + font-weight: 200; + border-bottom: unset; + padding: 1rem !important; + padding-left: unset; + padding-bottom: 0.2rem; +} + +#cmdline_iframe { position: fixed !important; + bottom: unset; + top: 25% !important; + left: 10% !important; + z-index: 2147483647 !important; + width: 80% !important; + box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 20px !important; +} + +.TridactylStatusIndicator { position: fixed !important; + bottom: 0 !important; + background: var(--tridactyl-bg) !important; + border: unset !important; + border: 1px var(--base0B) solid !important; + font-size: 12pt !important; + /*font-weight: 200 !important;*/ + padding: 0.8ex !important; +} + +#completions .focused { background: var(--base0B); + color: var(--base00); +} + +#completions .focused .url { background: var(--base0B); + color: var(--base00); +} +/* #Ocean-normal { */ +/* border-color: green !important; */ +/* } */ + +/* #Ocean-insert { */ +/* border-color: yellow !important; */ +/* } */ diff --git a/tridactyl/themes/base16-seti-ui.css b/tridactyl/themes/base16-seti-ui.css new file mode 100644 index 0000000..6489faf --- /dev/null +++ b/tridactyl/themes/base16-seti-ui.css @@ -0,0 +1,153 @@ +:root { /* Seti-ui by Chris Kempson (http://chriskempson.com) */ + --base00: #151718; + --base01: #8ec43d; + --base02: #3b758c; + --base03: #41535b; + --base04: #43a5d5; + --base05: #d6d6d6; + --base06: #eeeeee; + --base07: #ffffff; + --base08: #cd3f45; + --base09: #db7b55; + --base0A: #e6cd69; + --base0B: #9fca56; + --base0C: #55dbbe; + --base0D: #55b5db; + --base0E: #a074c4; + --base0F: #8a553f; + + --tridactyl-fg: var(--base05); + --tridactyl-bg: var(--base00); + --tridactyl-url-fg: var(--base08); + --tridactyl-url-bg: var(--base00); + --tridactyl-highlight-box-bg: var(--base0B); + --tridactyl-highlight-box-fg: var(--base00); + + /* Hint character tags */ + --tridactyl-hintspan-fg: var(--base00) !important; + --tridactyl-hintspan-bg: var(--base0A) !important; + + /* Element Highlights */ + --tridactyl-hint-active-fg: none; + --tridactyl-hint-active-bg: none; + --tridactyl-hint-active-outline: none; + --tridactyl-hint-bg: none; + --tridactyl-hint-outline: none; +} + +#command-line-holder { order: 1; + border: 2px solid var(--base0B); + color: var(--tridactyl-bg); +} + +#tridactyl-input { padding: 1rem; + color: var(--tridactyl-fg); + width: 90%; + font-size: 1.5rem; + line-height: 1.5; + background: var(--tridactyl-bg); + padding-left: unset; + padding: 1rem; +} + +#completions table { font-size: 0.8rem; + font-weight: 200; + border-spacing: 0; + table-layout: fixed; + padding: 1rem; + padding-top: 1rem; + padding-bottom: 1rem; +} + +#completions > div { max-height: calc(20 * var(--option-height)); + min-height: calc(10 * var(--option-height)); +} + +/* COMPLETIONS */ + +#completions { --option-height: 1.4em; + color: var(--tridactyl-fg); + background: var(--tridactyl-bg); + display: inline-block; + font-size: unset; + font-weight: 200; + overflow: hidden; + width: 100%; + border-top: unset; + order: 2; +} + +/* Olie doesn't know how CSS inheritance works */ +#completions .HistoryCompletionSource { max-height: unset; + min-height: unset; +} + +#completions .HistoryCompletionSource table { width: 100%; + font-size: 9pt; + border-spacing: 0; + table-layout: fixed; +} + +/* redundancy 2: redundancy 2: more redundancy */ +#completions .BmarkCompletionSource { max-height: unset; + min-height: unset; +} + +#completions table tr td.prefix,#completions table tr td.privatewindow,#completions table tr td.container,#completions table tr td.icon { display: none; +} + +#completions .BufferCompletionSource table { width: unset; + font-size: unset; + border-spacing: unset; + table-layout: unset; +} + +#completions table tr .title { width: 50%; +} + +#completions table tr { white-space: nowrap; + overflow: hidden; + text-overflow: ellipsis; +} + +#completions .sectionHeader { background: unset; + font-weight: 200; + border-bottom: unset; + padding: 1rem !important; + padding-left: unset; + padding-bottom: 0.2rem; +} + +#cmdline_iframe { position: fixed !important; + bottom: unset; + top: 25% !important; + left: 10% !important; + z-index: 2147483647 !important; + width: 80% !important; + box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 20px !important; +} + +.TridactylStatusIndicator { position: fixed !important; + bottom: 0 !important; + background: var(--tridactyl-bg) !important; + border: unset !important; + border: 1px var(--base0B) solid !important; + font-size: 12pt !important; + /*font-weight: 200 !important;*/ + padding: 0.8ex !important; +} + +#completions .focused { background: var(--base0B); + color: var(--base00); +} + +#completions .focused .url { background: var(--base0B); + color: var(--base00); +} +/* #Ocean-normal { */ +/* border-color: green !important; */ +/* } */ + +/* #Ocean-insert { */ +/* border-color: yellow !important; */ +/* } */ diff --git a/tridactyl/themes/base16-shapeshifter.css b/tridactyl/themes/base16-shapeshifter.css new file mode 100644 index 0000000..a1c7a09 --- /dev/null +++ b/tridactyl/themes/base16-shapeshifter.css @@ -0,0 +1,153 @@ +:root { /* Shapeshifter by Chris Kempson (http://chriskempson.com) */ + --base00: #f9f9f9; + --base01: #e0e0e0; + --base02: #ababab; + --base03: #555555; + --base04: #343434; + --base05: #102015; + --base06: #040404; + --base07: #000000; + --base08: #e92f2f; + --base09: #e09448; + --base0A: #dddd13; + --base0B: #0ed839; + --base0C: #23edda; + --base0D: #3b48e3; + --base0E: #f996e2; + --base0F: #69542d; + + --tridactyl-fg: var(--base05); + --tridactyl-bg: var(--base00); + --tridactyl-url-fg: var(--base08); + --tridactyl-url-bg: var(--base00); + --tridactyl-highlight-box-bg: var(--base0B); + --tridactyl-highlight-box-fg: var(--base00); + + /* Hint character tags */ + --tridactyl-hintspan-fg: var(--base00) !important; + --tridactyl-hintspan-bg: var(--base0A) !important; + + /* Element Highlights */ + --tridactyl-hint-active-fg: none; + --tridactyl-hint-active-bg: none; + --tridactyl-hint-active-outline: none; + --tridactyl-hint-bg: none; + --tridactyl-hint-outline: none; +} + +#command-line-holder { order: 1; + border: 2px solid var(--base0B); + color: var(--tridactyl-bg); +} + +#tridactyl-input { padding: 1rem; + color: var(--tridactyl-fg); + width: 90%; + font-size: 1.5rem; + line-height: 1.5; + background: var(--tridactyl-bg); + padding-left: unset; + padding: 1rem; +} + +#completions table { font-size: 0.8rem; + font-weight: 200; + border-spacing: 0; + table-layout: fixed; + padding: 1rem; + padding-top: 1rem; + padding-bottom: 1rem; +} + +#completions > div { max-height: calc(20 * var(--option-height)); + min-height: calc(10 * var(--option-height)); +} + +/* COMPLETIONS */ + +#completions { --option-height: 1.4em; + color: var(--tridactyl-fg); + background: var(--tridactyl-bg); + display: inline-block; + font-size: unset; + font-weight: 200; + overflow: hidden; + width: 100%; + border-top: unset; + order: 2; +} + +/* Olie doesn't know how CSS inheritance works */ +#completions .HistoryCompletionSource { max-height: unset; + min-height: unset; +} + +#completions .HistoryCompletionSource table { width: 100%; + font-size: 9pt; + border-spacing: 0; + table-layout: fixed; +} + +/* redundancy 2: redundancy 2: more redundancy */ +#completions .BmarkCompletionSource { max-height: unset; + min-height: unset; +} + +#completions table tr td.prefix,#completions table tr td.privatewindow,#completions table tr td.container,#completions table tr td.icon { display: none; +} + +#completions .BufferCompletionSource table { width: unset; + font-size: unset; + border-spacing: unset; + table-layout: unset; +} + +#completions table tr .title { width: 50%; +} + +#completions table tr { white-space: nowrap; + overflow: hidden; + text-overflow: ellipsis; +} + +#completions .sectionHeader { background: unset; + font-weight: 200; + border-bottom: unset; + padding: 1rem !important; + padding-left: unset; + padding-bottom: 0.2rem; +} + +#cmdline_iframe { position: fixed !important; + bottom: unset; + top: 25% !important; + left: 10% !important; + z-index: 2147483647 !important; + width: 80% !important; + box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 20px !important; +} + +.TridactylStatusIndicator { position: fixed !important; + bottom: 0 !important; + background: var(--tridactyl-bg) !important; + border: unset !important; + border: 1px var(--base0B) solid !important; + font-size: 12pt !important; + /*font-weight: 200 !important;*/ + padding: 0.8ex !important; +} + +#completions .focused { background: var(--base0B); + color: var(--base00); +} + +#completions .focused .url { background: var(--base0B); + color: var(--base00); +} +/* #Ocean-normal { */ +/* border-color: green !important; */ +/* } */ + +/* #Ocean-insert { */ +/* border-color: yellow !important; */ +/* } */ diff --git a/tridactyl/themes/base16-solar-flare.css b/tridactyl/themes/base16-solar-flare.css new file mode 100644 index 0000000..05e50c6 --- /dev/null +++ b/tridactyl/themes/base16-solar-flare.css @@ -0,0 +1,153 @@ +:root { /* Solar-flare by Chris Kempson (http://chriskempson.com) */ + --base00: #18262f; + --base01: #222e38; + --base02: #586875; + --base03: #667581; + --base04: #85939e; + --base05: #a6afb8; + --base06: #e8e9ed; + --base07: #f5f7fa; + --base08: #ef5253; + --base09: #e66b2b; + --base0A: #e4b51c; + --base0B: #7cc844; + --base0C: #52cbb0; + --base0D: #33b5e1; + --base0E: #a363d5; + --base0F: #d73c9a; + + --tridactyl-fg: var(--base05); + --tridactyl-bg: var(--base00); + --tridactyl-url-fg: var(--base08); + --tridactyl-url-bg: var(--base00); + --tridactyl-highlight-box-bg: var(--base0B); + --tridactyl-highlight-box-fg: var(--base00); + + /* Hint character tags */ + --tridactyl-hintspan-fg: var(--base00) !important; + --tridactyl-hintspan-bg: var(--base0A) !important; + + /* Element Highlights */ + --tridactyl-hint-active-fg: none; + --tridactyl-hint-active-bg: none; + --tridactyl-hint-active-outline: none; + --tridactyl-hint-bg: none; + --tridactyl-hint-outline: none; +} + +#command-line-holder { order: 1; + border: 2px solid var(--base0B); + color: var(--tridactyl-bg); +} + +#tridactyl-input { padding: 1rem; + color: var(--tridactyl-fg); + width: 90%; + font-size: 1.5rem; + line-height: 1.5; + background: var(--tridactyl-bg); + padding-left: unset; + padding: 1rem; +} + +#completions table { font-size: 0.8rem; + font-weight: 200; + border-spacing: 0; + table-layout: fixed; + padding: 1rem; + padding-top: 1rem; + padding-bottom: 1rem; +} + +#completions > div { max-height: calc(20 * var(--option-height)); + min-height: calc(10 * var(--option-height)); +} + +/* COMPLETIONS */ + +#completions { --option-height: 1.4em; + color: var(--tridactyl-fg); + background: var(--tridactyl-bg); + display: inline-block; + font-size: unset; + font-weight: 200; + overflow: hidden; + width: 100%; + border-top: unset; + order: 2; +} + +/* Olie doesn't know how CSS inheritance works */ +#completions .HistoryCompletionSource { max-height: unset; + min-height: unset; +} + +#completions .HistoryCompletionSource table { width: 100%; + font-size: 9pt; + border-spacing: 0; + table-layout: fixed; +} + +/* redundancy 2: redundancy 2: more redundancy */ +#completions .BmarkCompletionSource { max-height: unset; + min-height: unset; +} + +#completions table tr td.prefix,#completions table tr td.privatewindow,#completions table tr td.container,#completions table tr td.icon { display: none; +} + +#completions .BufferCompletionSource table { width: unset; + font-size: unset; + border-spacing: unset; + table-layout: unset; +} + +#completions table tr .title { width: 50%; +} + +#completions table tr { white-space: nowrap; + overflow: hidden; + text-overflow: ellipsis; +} + +#completions .sectionHeader { background: unset; + font-weight: 200; + border-bottom: unset; + padding: 1rem !important; + padding-left: unset; + padding-bottom: 0.2rem; +} + +#cmdline_iframe { position: fixed !important; + bottom: unset; + top: 25% !important; + left: 10% !important; + z-index: 2147483647 !important; + width: 80% !important; + box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 20px !important; +} + +.TridactylStatusIndicator { position: fixed !important; + bottom: 0 !important; + background: var(--tridactyl-bg) !important; + border: unset !important; + border: 1px var(--base0B) solid !important; + font-size: 12pt !important; + /*font-weight: 200 !important;*/ + padding: 0.8ex !important; +} + +#completions .focused { background: var(--base0B); + color: var(--base00); +} + +#completions .focused .url { background: var(--base0B); + color: var(--base00); +} +/* #Ocean-normal { */ +/* border-color: green !important; */ +/* } */ + +/* #Ocean-insert { */ +/* border-color: yellow !important; */ +/* } */ diff --git a/tridactyl/themes/base16-solarized-dark.css b/tridactyl/themes/base16-solarized-dark.css new file mode 100644 index 0000000..9c4bff5 --- /dev/null +++ b/tridactyl/themes/base16-solarized-dark.css @@ -0,0 +1,153 @@ +:root { /* Solarized-dark by Chris Kempson (http://chriskempson.com) */ + --base00: #002b36; + --base01: #073642; + --base02: #586e75; + --base03: #657b83; + --base04: #839496; + --base05: #93a1a1; + --base06: #eee8d5; + --base07: #fdf6e3; + --base08: #dc322f; + --base09: #cb4b16; + --base0A: #b58900; + --base0B: #859900; + --base0C: #2aa198; + --base0D: #268bd2; + --base0E: #6c71c4; + --base0F: #d33682; + + --tridactyl-fg: var(--base05); + --tridactyl-bg: var(--base00); + --tridactyl-url-fg: var(--base08); + --tridactyl-url-bg: var(--base00); + --tridactyl-highlight-box-bg: var(--base0B); + --tridactyl-highlight-box-fg: var(--base00); + + /* Hint character tags */ + --tridactyl-hintspan-fg: var(--base00) !important; + --tridactyl-hintspan-bg: var(--base0A) !important; + + /* Element Highlights */ + --tridactyl-hint-active-fg: none; + --tridactyl-hint-active-bg: none; + --tridactyl-hint-active-outline: none; + --tridactyl-hint-bg: none; + --tridactyl-hint-outline: none; +} + +#command-line-holder { order: 1; + border: 2px solid var(--base0B); + color: var(--tridactyl-bg); +} + +#tridactyl-input { padding: 1rem; + color: var(--tridactyl-fg); + width: 90%; + font-size: 1.5rem; + line-height: 1.5; + background: var(--tridactyl-bg); + padding-left: unset; + padding: 1rem; +} + +#completions table { font-size: 0.8rem; + font-weight: 200; + border-spacing: 0; + table-layout: fixed; + padding: 1rem; + padding-top: 1rem; + padding-bottom: 1rem; +} + +#completions > div { max-height: calc(20 * var(--option-height)); + min-height: calc(10 * var(--option-height)); +} + +/* COMPLETIONS */ + +#completions { --option-height: 1.4em; + color: var(--tridactyl-fg); + background: var(--tridactyl-bg); + display: inline-block; + font-size: unset; + font-weight: 200; + overflow: hidden; + width: 100%; + border-top: unset; + order: 2; +} + +/* Olie doesn't know how CSS inheritance works */ +#completions .HistoryCompletionSource { max-height: unset; + min-height: unset; +} + +#completions .HistoryCompletionSource table { width: 100%; + font-size: 9pt; + border-spacing: 0; + table-layout: fixed; +} + +/* redundancy 2: redundancy 2: more redundancy */ +#completions .BmarkCompletionSource { max-height: unset; + min-height: unset; +} + +#completions table tr td.prefix,#completions table tr td.privatewindow,#completions table tr td.container,#completions table tr td.icon { display: none; +} + +#completions .BufferCompletionSource table { width: unset; + font-size: unset; + border-spacing: unset; + table-layout: unset; +} + +#completions table tr .title { width: 50%; +} + +#completions table tr { white-space: nowrap; + overflow: hidden; + text-overflow: ellipsis; +} + +#completions .sectionHeader { background: unset; + font-weight: 200; + border-bottom: unset; + padding: 1rem !important; + padding-left: unset; + padding-bottom: 0.2rem; +} + +#cmdline_iframe { position: fixed !important; + bottom: unset; + top: 25% !important; + left: 10% !important; + z-index: 2147483647 !important; + width: 80% !important; + box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 20px !important; +} + +.TridactylStatusIndicator { position: fixed !important; + bottom: 0 !important; + background: var(--tridactyl-bg) !important; + border: unset !important; + border: 1px var(--base0B) solid !important; + font-size: 12pt !important; + /*font-weight: 200 !important;*/ + padding: 0.8ex !important; +} + +#completions .focused { background: var(--base0B); + color: var(--base00); +} + +#completions .focused .url { background: var(--base0B); + color: var(--base00); +} +/* #Ocean-normal { */ +/* border-color: green !important; */ +/* } */ + +/* #Ocean-insert { */ +/* border-color: yellow !important; */ +/* } */ diff --git a/tridactyl/themes/base16-solarized-light.css b/tridactyl/themes/base16-solarized-light.css new file mode 100644 index 0000000..1061d95 --- /dev/null +++ b/tridactyl/themes/base16-solarized-light.css @@ -0,0 +1,156 @@ +:root { /* Solarized-light by Chris Kempson (http://chriskempson.com) */ + --base00: #fdf6e3; + --base01: #eee8d5; + --base02: #93a1a1; + --base03: #839496; + --base04: #657b83; + --base05: #586e75; + --base06: #073642; + --base07: #002b36; + --base08: #dc322f; + --base09: #cb4b16; + --base0A: #b58900; + --base0B: #859900; + --base0C: #2aa198; + --base0D: #268bd2; + --base0E: #6c71c4; + --base0F: #d33682; + + --tridactyl-fg: var(--base05); + --tridactyl-bg: var(--base00); + --tridactyl-url-fg: var(--base08); + --tridactyl-url-bg: var(--base00); + --tridactyl-highlight-box-bg: var(--base0B); + --tridactyl-highlight-box-fg: var(--base00); + + /* Hint character tags */ + --tridactyl-hintspan-fg: var(--base00) !important; + --tridactyl-hintspan-bg: var(--base0A) !important; + + /* Element Highlights */ + --tridactyl-hint-active-fg: none; + --tridactyl-hint-active-bg: none; + --tridactyl-hint-active-outline: none; + --tridactyl-hint-bg: none; + --tridactyl-hint-outline: none; +} + +#command-line-holder { order: 1; + border: 2px solid var(--base0B); + color: var(--tridactyl-bg); +} + +#tridactyl-input { padding: 1rem; + color: var(--tridactyl-fg); + width: 90%; + font-size: 1.5rem; + line-height: 1.5; + background: var(--tridactyl-bg); + padding-left: unset; + padding: 1rem; +} + +#completions table { font-size: 0.8rem; + font-weight: 200; + border-spacing: 0; + table-layout: fixed; + padding: 1rem; + padding-top: 1rem; + padding-bottom: 1rem; +} + +#completions > div { max-height: calc(20 * var(--option-height)); + min-height: calc(10 * var(--option-height)); +} + +/* COMPLETIONS */ + +#completions { --option-height: 1.4em; + color: var(--tridactyl-fg); + background: var(--tridactyl-bg); + display: inline-block; + font-size: unset; + font-weight: 200; + overflow: hidden; + width: 100%; + border-top: unset; + order: 2; +} + +/* Olie doesn't know how CSS inheritance works */ +#completions .HistoryCompletionSource { max-height: unset; + min-height: unset; +} + + #completions + .HistoryCompletionSource + table { + width: 100%; + font-size: 9pt; + border-spacing: 0; + table-layout: fixed; +} + +/* redundancy 2: redundancy 2: more redundancy */ +#completions .BmarkCompletionSource { max-height: unset; + min-height: unset; +} + +#completions table tr td.prefix,#completions table tr td.privatewindow,#completions table tr td.container,#completions table tr td.icon { display: none; +} + +#completions .BufferCompletionSource table { width: unset; + font-size: unset; + border-spacing: unset; + table-layout: unset; +} + +#completions table tr .title { width: 50%; +} + +#completions table tr { white-space: nowrap; + overflow: hidden; + text-overflow: ellipsis; +} + +#completions .sectionHeader { background: unset; + font-weight: 200; + border-bottom: unset; + padding: 1rem !important; + padding-left: unset; + padding-bottom: 0.2rem; +} + +#cmdline_iframe { position: fixed !important; + bottom: unset; + top: 25% !important; + left: 10% !important; + z-index: 2147483647 !important; + width: 80% !important; + box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 20px !important; +} + +.TridactylStatusIndicator { position: fixed !important; + bottom: 0 !important; + background: var(--tridactyl-bg) !important; + border: unset !important; + border: 1px var(--base0B) solid !important; + font-size: 12pt !important; + /*font-weight: 200 !important;*/ + padding: 0.8ex !important; +} + +#completions .focused { background: var(--base0B); + color: var(--base00); +} + +#completions .focused .url { background: var(--base0B); + color: var(--base00); +} +/* #Ocean-normal { */ +/* border-color: green !important; */ +/* } */ + +/* #Ocean-insert { */ +/* border-color: yellow !important; */ +/* } */ diff --git a/tridactyl/themes/base16-spacemacs.css b/tridactyl/themes/base16-spacemacs.css new file mode 100644 index 0000000..fb0cdb9 --- /dev/null +++ b/tridactyl/themes/base16-spacemacs.css @@ -0,0 +1,153 @@ +:root { /* Spacemacs by Chris Kempson (http://chriskempson.com) */ + --base00: #1f2022; + --base01: #282828; + --base02: #444155; + --base03: #585858; + --base04: #b8b8b8; + --base05: #a3a3a3; + --base06: #e8e8e8; + --base07: #f8f8f8; + --base08: #f2241f; + --base09: #ffa500; + --base0A: #b1951d; + --base0B: #67b11d; + --base0C: #2d9574; + --base0D: #4f97d7; + --base0E: #a31db1; + --base0F: #b03060; + + --tridactyl-fg: var(--base05); + --tridactyl-bg: var(--base00); + --tridactyl-url-fg: var(--base08); + --tridactyl-url-bg: var(--base00); + --tridactyl-highlight-box-bg: var(--base0B); + --tridactyl-highlight-box-fg: var(--base00); + + /* Hint character tags */ + --tridactyl-hintspan-fg: var(--base00) !important; + --tridactyl-hintspan-bg: var(--base0A) !important; + + /* Element Highlights */ + --tridactyl-hint-active-fg: none; + --tridactyl-hint-active-bg: none; + --tridactyl-hint-active-outline: none; + --tridactyl-hint-bg: none; + --tridactyl-hint-outline: none; +} + +#command-line-holder { order: 1; + border: 2px solid var(--base0B); + color: var(--tridactyl-bg); +} + +#tridactyl-input { padding: 1rem; + color: var(--tridactyl-fg); + width: 90%; + font-size: 1.5rem; + line-height: 1.5; + background: var(--tridactyl-bg); + padding-left: unset; + padding: 1rem; +} + +#completions table { font-size: 0.8rem; + font-weight: 200; + border-spacing: 0; + table-layout: fixed; + padding: 1rem; + padding-top: 1rem; + padding-bottom: 1rem; +} + +#completions > div { max-height: calc(20 * var(--option-height)); + min-height: calc(10 * var(--option-height)); +} + +/* COMPLETIONS */ + +#completions { --option-height: 1.4em; + color: var(--tridactyl-fg); + background: var(--tridactyl-bg); + display: inline-block; + font-size: unset; + font-weight: 200; + overflow: hidden; + width: 100%; + border-top: unset; + order: 2; +} + +/* Olie doesn't know how CSS inheritance works */ +#completions .HistoryCompletionSource { max-height: unset; + min-height: unset; +} + +#completions .HistoryCompletionSource table { width: 100%; + font-size: 9pt; + border-spacing: 0; + table-layout: fixed; +} + +/* redundancy 2: redundancy 2: more redundancy */ +#completions .BmarkCompletionSource { max-height: unset; + min-height: unset; +} + +#completions table tr td.prefix,#completions table tr td.privatewindow,#completions table tr td.container,#completions table tr td.icon { display: none; +} + +#completions .BufferCompletionSource table { width: unset; + font-size: unset; + border-spacing: unset; + table-layout: unset; +} + +#completions table tr .title { width: 50%; +} + +#completions table tr { white-space: nowrap; + overflow: hidden; + text-overflow: ellipsis; +} + +#completions .sectionHeader { background: unset; + font-weight: 200; + border-bottom: unset; + padding: 1rem !important; + padding-left: unset; + padding-bottom: 0.2rem; +} + +#cmdline_iframe { position: fixed !important; + bottom: unset; + top: 25% !important; + left: 10% !important; + z-index: 2147483647 !important; + width: 80% !important; + box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 20px !important; +} + +.TridactylStatusIndicator { position: fixed !important; + bottom: 0 !important; + background: var(--tridactyl-bg) !important; + border: unset !important; + border: 1px var(--base0B) solid !important; + font-size: 12pt !important; + /*font-weight: 200 !important;*/ + padding: 0.8ex !important; +} + +#completions .focused { background: var(--base0B); + color: var(--base00); +} + +#completions .focused .url { background: var(--base0B); + color: var(--base00); +} +/* #Ocean-normal { */ +/* border-color: green !important; */ +/* } */ + +/* #Ocean-insert { */ +/* border-color: yellow !important; */ +/* } */ diff --git a/tridactyl/themes/base16-summerfruit-dark.css b/tridactyl/themes/base16-summerfruit-dark.css new file mode 100644 index 0000000..c061a41 --- /dev/null +++ b/tridactyl/themes/base16-summerfruit-dark.css @@ -0,0 +1,159 @@ +:root { /* Summerfruit-dark by Chris Kempson (http://chriskempson.com) */ + --base00: #151515; + --base01: #202020; + --base02: #303030; + --base03: #505050; + --base04: #b0b0b0; + --base05: #d0d0d0; + --base06: #e0e0e0; + --base07: #ffffff; + --base08: #ff0086; + --base09: #fd8900; + --base0A: #aba800; + --base0B: #00c918; + --base0C: #1faaaa; + --base0D: #3777e6; + --base0E: #ad00a1; + --base0F: #cc6633; + + --tridactyl-fg: var(--base05); + --tridactyl-bg: var(--base00); + --tridactyl-url-fg: var(--base08); + --tridactyl-url-bg: var(--base00); + --tridactyl-highlight-box-bg: var(--base0B); + --tridactyl-highlight-box-fg: var(--base00); + + /* Hint character tags */ + --tridactyl-hintspan-fg: var(--base00) !important; + --tridactyl-hintspan-bg: var(--base0A) !important; + + /* Element Highlights */ + --tridactyl-hint-active-fg: none; + --tridactyl-hint-active-bg: none; + --tridactyl-hint-active-outline: none; + --tridactyl-hint-bg: none; + --tridactyl-hint-outline: none; +} + +#command-line-holder { order: 1; + border: 2px solid var(--base0B); + color: var(--tridactyl-bg); +} + +#tridactyl-input { padding: 1rem; + color: var(--tridactyl-fg); + width: 90%; + font-size: 1.5rem; + line-height: 1.5; + background: var(--tridactyl-bg); + padding-left: unset; + padding: 1rem; +} + +#completions table { font-size: 0.8rem; + font-weight: 200; + border-spacing: 0; + table-layout: fixed; + padding: 1rem; + padding-top: 1rem; + padding-bottom: 1rem; +} + +#completions > div { max-height: calc(20 * var(--option-height)); + min-height: calc(10 * var(--option-height)); +} + +/* COMPLETIONS */ + +#completions { --option-height: 1.4em; + color: var(--tridactyl-fg); + background: var(--tridactyl-bg); + display: inline-block; + font-size: unset; + font-weight: 200; + overflow: hidden; + width: 100%; + border-top: unset; + order: 2; +} + +/* Olie doesn't know how CSS inheritance works */ +#completions .HistoryCompletionSource { max-height: unset; + min-height: unset; +} + + #completions + .HistoryCompletionSource + table { + width: 100%; + font-size: 9pt; + border-spacing: 0; + table-layout: fixed; +} + +/* redundancy 2: redundancy 2: more redundancy */ +#completions .BmarkCompletionSource { max-height: unset; + min-height: unset; +} + +#completions table tr td.prefix,#completions table tr td.privatewindow,#completions table tr td.container,#completions table tr td.icon { display: none; +} + + #completions + .BufferCompletionSource + table { + width: unset; + font-size: unset; + border-spacing: unset; + table-layout: unset; +} + +#completions table tr .title { width: 50%; +} + +#completions table tr { white-space: nowrap; + overflow: hidden; + text-overflow: ellipsis; +} + +#completions .sectionHeader { background: unset; + font-weight: 200; + border-bottom: unset; + padding: 1rem !important; + padding-left: unset; + padding-bottom: 0.2rem; +} + +#cmdline_iframe { position: fixed !important; + bottom: unset; + top: 25% !important; + left: 10% !important; + z-index: 2147483647 !important; + width: 80% !important; + box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 20px !important; +} + +.TridactylStatusIndicator { position: fixed !important; + bottom: 0 !important; + background: var(--tridactyl-bg) !important; + border: unset !important; + border: 1px var(--base0B) solid !important; + font-size: 12pt !important; + /*font-weight: 200 !important;*/ + padding: 0.8ex !important; +} + +#completions .focused { background: var(--base0B); + color: var(--base00); +} + +#completions .focused .url { background: var(--base0B); + color: var(--base00); +} +/* #Ocean-normal { */ +/* border-color: green !important; */ +/* } */ + +/* #Ocean-insert { */ +/* border-color: yellow !important; */ +/* } */ diff --git a/tridactyl/themes/base16-summerfruit-light.css b/tridactyl/themes/base16-summerfruit-light.css new file mode 100644 index 0000000..d077c3b --- /dev/null +++ b/tridactyl/themes/base16-summerfruit-light.css @@ -0,0 +1,159 @@ +:root { /* Summerfruit-light by Chris Kempson (http://chriskempson.com) */ + --base00: #ffffff; + --base01: #e0e0e0; + --base02: #d0d0d0; + --base03: #b0b0b0; + --base04: #000000; + --base05: #101010; + --base06: #151515; + --base07: #202020; + --base08: #ff0086; + --base09: #fd8900; + --base0A: #aba800; + --base0B: #00c918; + --base0C: #1faaaa; + --base0D: #3777e6; + --base0E: #ad00a1; + --base0F: #cc6633; + + --tridactyl-fg: var(--base05); + --tridactyl-bg: var(--base00); + --tridactyl-url-fg: var(--base08); + --tridactyl-url-bg: var(--base00); + --tridactyl-highlight-box-bg: var(--base0B); + --tridactyl-highlight-box-fg: var(--base00); + + /* Hint character tags */ + --tridactyl-hintspan-fg: var(--base00) !important; + --tridactyl-hintspan-bg: var(--base0A) !important; + + /* Element Highlights */ + --tridactyl-hint-active-fg: none; + --tridactyl-hint-active-bg: none; + --tridactyl-hint-active-outline: none; + --tridactyl-hint-bg: none; + --tridactyl-hint-outline: none; +} + +#command-line-holder { order: 1; + border: 2px solid var(--base0B); + color: var(--tridactyl-bg); +} + +#tridactyl-input { padding: 1rem; + color: var(--tridactyl-fg); + width: 90%; + font-size: 1.5rem; + line-height: 1.5; + background: var(--tridactyl-bg); + padding-left: unset; + padding: 1rem; +} + +#completions table { font-size: 0.8rem; + font-weight: 200; + border-spacing: 0; + table-layout: fixed; + padding: 1rem; + padding-top: 1rem; + padding-bottom: 1rem; +} + +#completions > div { max-height: calc(20 * var(--option-height)); + min-height: calc(10 * var(--option-height)); +} + +/* COMPLETIONS */ + +#completions { --option-height: 1.4em; + color: var(--tridactyl-fg); + background: var(--tridactyl-bg); + display: inline-block; + font-size: unset; + font-weight: 200; + overflow: hidden; + width: 100%; + border-top: unset; + order: 2; +} + +/* Olie doesn't know how CSS inheritance works */ +#completions .HistoryCompletionSource { max-height: unset; + min-height: unset; +} + + #completions + .HistoryCompletionSource + table { + width: 100%; + font-size: 9pt; + border-spacing: 0; + table-layout: fixed; +} + +/* redundancy 2: redundancy 2: more redundancy */ +#completions .BmarkCompletionSource { max-height: unset; + min-height: unset; +} + +#completions table tr td.prefix,#completions table tr td.privatewindow,#completions table tr td.container,#completions table tr td.icon { display: none; +} + + #completions + .BufferCompletionSource + table { + width: unset; + font-size: unset; + border-spacing: unset; + table-layout: unset; +} + +#completions table tr .title { width: 50%; +} + +#completions table tr { white-space: nowrap; + overflow: hidden; + text-overflow: ellipsis; +} + +#completions .sectionHeader { background: unset; + font-weight: 200; + border-bottom: unset; + padding: 1rem !important; + padding-left: unset; + padding-bottom: 0.2rem; +} + +#cmdline_iframe { position: fixed !important; + bottom: unset; + top: 25% !important; + left: 10% !important; + z-index: 2147483647 !important; + width: 80% !important; + box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 20px !important; +} + +.TridactylStatusIndicator { position: fixed !important; + bottom: 0 !important; + background: var(--tridactyl-bg) !important; + border: unset !important; + border: 1px var(--base0B) solid !important; + font-size: 12pt !important; + /*font-weight: 200 !important;*/ + padding: 0.8ex !important; +} + +#completions .focused { background: var(--base0B); + color: var(--base00); +} + +#completions .focused .url { background: var(--base0B); + color: var(--base00); +} +/* #Ocean-normal { */ +/* border-color: green !important; */ +/* } */ + +/* #Ocean-insert { */ +/* border-color: yellow !important; */ +/* } */ diff --git a/tridactyl/themes/base16-tomorrow-night.css b/tridactyl/themes/base16-tomorrow-night.css new file mode 100644 index 0000000..ac23906 --- /dev/null +++ b/tridactyl/themes/base16-tomorrow-night.css @@ -0,0 +1,153 @@ +:root { /* Tomorrow-night by Chris Kempson (http://chriskempson.com) */ + --base00: #1d1f21; + --base01: #282a2e; + --base02: #373b41; + --base03: #969896; + --base04: #b4b7b4; + --base05: #c5c8c6; + --base06: #e0e0e0; + --base07: #ffffff; + --base08: #cc6666; + --base09: #de935f; + --base0A: #f0c674; + --base0B: #b5bd68; + --base0C: #8abeb7; + --base0D: #81a2be; + --base0E: #b294bb; + --base0F: #a3685a; + + --tridactyl-fg: var(--base05); + --tridactyl-bg: var(--base00); + --tridactyl-url-fg: var(--base08); + --tridactyl-url-bg: var(--base00); + --tridactyl-highlight-box-bg: var(--base0B); + --tridactyl-highlight-box-fg: var(--base00); + + /* Hint character tags */ + --tridactyl-hintspan-fg: var(--base00) !important; + --tridactyl-hintspan-bg: var(--base0A) !important; + + /* Element Highlights */ + --tridactyl-hint-active-fg: none; + --tridactyl-hint-active-bg: none; + --tridactyl-hint-active-outline: none; + --tridactyl-hint-bg: none; + --tridactyl-hint-outline: none; +} + +#command-line-holder { order: 1; + border: 2px solid var(--base0B); + color: var(--tridactyl-bg); +} + +#tridactyl-input { padding: 1rem; + color: var(--tridactyl-fg); + width: 90%; + font-size: 1.5rem; + line-height: 1.5; + background: var(--tridactyl-bg); + padding-left: unset; + padding: 1rem; +} + +#completions table { font-size: 0.8rem; + font-weight: 200; + border-spacing: 0; + table-layout: fixed; + padding: 1rem; + padding-top: 1rem; + padding-bottom: 1rem; +} + +#completions > div { max-height: calc(20 * var(--option-height)); + min-height: calc(10 * var(--option-height)); +} + +/* COMPLETIONS */ + +#completions { --option-height: 1.4em; + color: var(--tridactyl-fg); + background: var(--tridactyl-bg); + display: inline-block; + font-size: unset; + font-weight: 200; + overflow: hidden; + width: 100%; + border-top: unset; + order: 2; +} + +/* Olie doesn't know how CSS inheritance works */ +#completions .HistoryCompletionSource { max-height: unset; + min-height: unset; +} + +#completions .HistoryCompletionSource table { width: 100%; + font-size: 9pt; + border-spacing: 0; + table-layout: fixed; +} + +/* redundancy 2: redundancy 2: more redundancy */ +#completions .BmarkCompletionSource { max-height: unset; + min-height: unset; +} + +#completions table tr td.prefix,#completions table tr td.privatewindow,#completions table tr td.container,#completions table tr td.icon { display: none; +} + +#completions .BufferCompletionSource table { width: unset; + font-size: unset; + border-spacing: unset; + table-layout: unset; +} + +#completions table tr .title { width: 50%; +} + +#completions table tr { white-space: nowrap; + overflow: hidden; + text-overflow: ellipsis; +} + +#completions .sectionHeader { background: unset; + font-weight: 200; + border-bottom: unset; + padding: 1rem !important; + padding-left: unset; + padding-bottom: 0.2rem; +} + +#cmdline_iframe { position: fixed !important; + bottom: unset; + top: 25% !important; + left: 10% !important; + z-index: 2147483647 !important; + width: 80% !important; + box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 20px !important; +} + +.TridactylStatusIndicator { position: fixed !important; + bottom: 0 !important; + background: var(--tridactyl-bg) !important; + border: unset !important; + border: 1px var(--base0B) solid !important; + font-size: 12pt !important; + /*font-weight: 200 !important;*/ + padding: 0.8ex !important; +} + +#completions .focused { background: var(--base0B); + color: var(--base00); +} + +#completions .focused .url { background: var(--base0B); + color: var(--base00); +} +/* #Ocean-normal { */ +/* border-color: green !important; */ +/* } */ + +/* #Ocean-insert { */ +/* border-color: yellow !important; */ +/* } */ diff --git a/tridactyl/themes/base16-tomorrow.css b/tridactyl/themes/base16-tomorrow.css new file mode 100644 index 0000000..f6c5139 --- /dev/null +++ b/tridactyl/themes/base16-tomorrow.css @@ -0,0 +1,153 @@ +:root { /* Tomorrow by Chris Kempson (http://chriskempson.com) */ + --base00: #ffffff; + --base01: #e0e0e0; + --base02: #d6d6d6; + --base03: #8e908c; + --base04: #969896; + --base05: #4d4d4c; + --base06: #282a2e; + --base07: #1d1f21; + --base08: #c82829; + --base09: #f5871f; + --base0A: #eab700; + --base0B: #718c00; + --base0C: #3e999f; + --base0D: #4271ae; + --base0E: #8959a8; + --base0F: #a3685a; + + --tridactyl-fg: var(--base05); + --tridactyl-bg: var(--base00); + --tridactyl-url-fg: var(--base08); + --tridactyl-url-bg: var(--base00); + --tridactyl-highlight-box-bg: var(--base0B); + --tridactyl-highlight-box-fg: var(--base00); + + /* Hint character tags */ + --tridactyl-hintspan-fg: var(--base00) !important; + --tridactyl-hintspan-bg: var(--base0A) !important; + + /* Element Highlights */ + --tridactyl-hint-active-fg: none; + --tridactyl-hint-active-bg: none; + --tridactyl-hint-active-outline: none; + --tridactyl-hint-bg: none; + --tridactyl-hint-outline: none; +} + +#command-line-holder { order: 1; + border: 2px solid var(--base0B); + color: var(--tridactyl-bg); +} + +#tridactyl-input { padding: 1rem; + color: var(--tridactyl-fg); + width: 90%; + font-size: 1.5rem; + line-height: 1.5; + background: var(--tridactyl-bg); + padding-left: unset; + padding: 1rem; +} + +#completions table { font-size: 0.8rem; + font-weight: 200; + border-spacing: 0; + table-layout: fixed; + padding: 1rem; + padding-top: 1rem; + padding-bottom: 1rem; +} + +#completions > div { max-height: calc(20 * var(--option-height)); + min-height: calc(10 * var(--option-height)); +} + +/* COMPLETIONS */ + +#completions { --option-height: 1.4em; + color: var(--tridactyl-fg); + background: var(--tridactyl-bg); + display: inline-block; + font-size: unset; + font-weight: 200; + overflow: hidden; + width: 100%; + border-top: unset; + order: 2; +} + +/* Olie doesn't know how CSS inheritance works */ +#completions .HistoryCompletionSource { max-height: unset; + min-height: unset; +} + +#completions .HistoryCompletionSource table { width: 100%; + font-size: 9pt; + border-spacing: 0; + table-layout: fixed; +} + +/* redundancy 2: redundancy 2: more redundancy */ +#completions .BmarkCompletionSource { max-height: unset; + min-height: unset; +} + +#completions table tr td.prefix,#completions table tr td.privatewindow,#completions table tr td.container,#completions table tr td.icon { display: none; +} + +#completions .BufferCompletionSource table { width: unset; + font-size: unset; + border-spacing: unset; + table-layout: unset; +} + +#completions table tr .title { width: 50%; +} + +#completions table tr { white-space: nowrap; + overflow: hidden; + text-overflow: ellipsis; +} + +#completions .sectionHeader { background: unset; + font-weight: 200; + border-bottom: unset; + padding: 1rem !important; + padding-left: unset; + padding-bottom: 0.2rem; +} + +#cmdline_iframe { position: fixed !important; + bottom: unset; + top: 25% !important; + left: 10% !important; + z-index: 2147483647 !important; + width: 80% !important; + box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 20px !important; +} + +.TridactylStatusIndicator { position: fixed !important; + bottom: 0 !important; + background: var(--tridactyl-bg) !important; + border: unset !important; + border: 1px var(--base0B) solid !important; + font-size: 12pt !important; + /*font-weight: 200 !important;*/ + padding: 0.8ex !important; +} + +#completions .focused { background: var(--base0B); + color: var(--base00); +} + +#completions .focused .url { background: var(--base0B); + color: var(--base00); +} +/* #Ocean-normal { */ +/* border-color: green !important; */ +/* } */ + +/* #Ocean-insert { */ +/* border-color: yellow !important; */ +/* } */ diff --git a/tridactyl/themes/base16-twilight.css b/tridactyl/themes/base16-twilight.css new file mode 100644 index 0000000..e105576 --- /dev/null +++ b/tridactyl/themes/base16-twilight.css @@ -0,0 +1,153 @@ +:root { /* Twilight by Chris Kempson (http://chriskempson.com) */ + --base00: #1e1e1e; + --base01: #323537; + --base02: #464b50; + --base03: #5f5a60; + --base04: #838184; + --base05: #a7a7a7; + --base06: #c3c3c3; + --base07: #ffffff; + --base08: #cf6a4c; + --base09: #cda869; + --base0A: #f9ee98; + --base0B: #8f9d6a; + --base0C: #afc4db; + --base0D: #7587a6; + --base0E: #9b859d; + --base0F: #9b703f; + + --tridactyl-fg: var(--base05); + --tridactyl-bg: var(--base00); + --tridactyl-url-fg: var(--base08); + --tridactyl-url-bg: var(--base00); + --tridactyl-highlight-box-bg: var(--base0B); + --tridactyl-highlight-box-fg: var(--base00); + + /* Hint character tags */ + --tridactyl-hintspan-fg: var(--base00) !important; + --tridactyl-hintspan-bg: var(--base0A) !important; + + /* Element Highlights */ + --tridactyl-hint-active-fg: none; + --tridactyl-hint-active-bg: none; + --tridactyl-hint-active-outline: none; + --tridactyl-hint-bg: none; + --tridactyl-hint-outline: none; +} + +#command-line-holder { order: 1; + border: 2px solid var(--base0B); + color: var(--tridactyl-bg); +} + +#tridactyl-input { padding: 1rem; + color: var(--tridactyl-fg); + width: 90%; + font-size: 1.5rem; + line-height: 1.5; + background: var(--tridactyl-bg); + padding-left: unset; + padding: 1rem; +} + +#completions table { font-size: 0.8rem; + font-weight: 200; + border-spacing: 0; + table-layout: fixed; + padding: 1rem; + padding-top: 1rem; + padding-bottom: 1rem; +} + +#completions > div { max-height: calc(20 * var(--option-height)); + min-height: calc(10 * var(--option-height)); +} + +/* COMPLETIONS */ + +#completions { --option-height: 1.4em; + color: var(--tridactyl-fg); + background: var(--tridactyl-bg); + display: inline-block; + font-size: unset; + font-weight: 200; + overflow: hidden; + width: 100%; + border-top: unset; + order: 2; +} + +/* Olie doesn't know how CSS inheritance works */ +#completions .HistoryCompletionSource { max-height: unset; + min-height: unset; +} + +#completions .HistoryCompletionSource table { width: 100%; + font-size: 9pt; + border-spacing: 0; + table-layout: fixed; +} + +/* redundancy 2: redundancy 2: more redundancy */ +#completions .BmarkCompletionSource { max-height: unset; + min-height: unset; +} + +#completions table tr td.prefix,#completions table tr td.privatewindow,#completions table tr td.container,#completions table tr td.icon { display: none; +} + +#completions .BufferCompletionSource table { width: unset; + font-size: unset; + border-spacing: unset; + table-layout: unset; +} + +#completions table tr .title { width: 50%; +} + +#completions table tr { white-space: nowrap; + overflow: hidden; + text-overflow: ellipsis; +} + +#completions .sectionHeader { background: unset; + font-weight: 200; + border-bottom: unset; + padding: 1rem !important; + padding-left: unset; + padding-bottom: 0.2rem; +} + +#cmdline_iframe { position: fixed !important; + bottom: unset; + top: 25% !important; + left: 10% !important; + z-index: 2147483647 !important; + width: 80% !important; + box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 20px !important; +} + +.TridactylStatusIndicator { position: fixed !important; + bottom: 0 !important; + background: var(--tridactyl-bg) !important; + border: unset !important; + border: 1px var(--base0B) solid !important; + font-size: 12pt !important; + /*font-weight: 200 !important;*/ + padding: 0.8ex !important; +} + +#completions .focused { background: var(--base0B); + color: var(--base00); +} + +#completions .focused .url { background: var(--base0B); + color: var(--base00); +} +/* #Ocean-normal { */ +/* border-color: green !important; */ +/* } */ + +/* #Ocean-insert { */ +/* border-color: yellow !important; */ +/* } */ diff --git a/tridactyl/themes/base16-unikitty-dark.css b/tridactyl/themes/base16-unikitty-dark.css new file mode 100644 index 0000000..fc08e2e --- /dev/null +++ b/tridactyl/themes/base16-unikitty-dark.css @@ -0,0 +1,153 @@ +:root { /* Unikitty-dark by Chris Kempson (http://chriskempson.com) */ + --base00: #2e2a31; + --base01: #4a464d; + --base02: #666369; + --base03: #838085; + --base04: #9f9da2; + --base05: #bcbabe; + --base06: #d8d7da; + --base07: #f5f4f7; + --base08: #d8137f; + --base09: #d65407; + --base0A: #dc8a0e; + --base0B: #17ad98; + --base0C: #149bda; + --base0D: #796af5; + --base0E: #bb60ea; + --base0F: #c720ca; + + --tridactyl-fg: var(--base05); + --tridactyl-bg: var(--base00); + --tridactyl-url-fg: var(--base08); + --tridactyl-url-bg: var(--base00); + --tridactyl-highlight-box-bg: var(--base0B); + --tridactyl-highlight-box-fg: var(--base00); + + /* Hint character tags */ + --tridactyl-hintspan-fg: var(--base00) !important; + --tridactyl-hintspan-bg: var(--base0A) !important; + + /* Element Highlights */ + --tridactyl-hint-active-fg: none; + --tridactyl-hint-active-bg: none; + --tridactyl-hint-active-outline: none; + --tridactyl-hint-bg: none; + --tridactyl-hint-outline: none; +} + +#command-line-holder { order: 1; + border: 2px solid var(--base0B); + color: var(--tridactyl-bg); +} + +#tridactyl-input { padding: 1rem; + color: var(--tridactyl-fg); + width: 90%; + font-size: 1.5rem; + line-height: 1.5; + background: var(--tridactyl-bg); + padding-left: unset; + padding: 1rem; +} + +#completions table { font-size: 0.8rem; + font-weight: 200; + border-spacing: 0; + table-layout: fixed; + padding: 1rem; + padding-top: 1rem; + padding-bottom: 1rem; +} + +#completions > div { max-height: calc(20 * var(--option-height)); + min-height: calc(10 * var(--option-height)); +} + +/* COMPLETIONS */ + +#completions { --option-height: 1.4em; + color: var(--tridactyl-fg); + background: var(--tridactyl-bg); + display: inline-block; + font-size: unset; + font-weight: 200; + overflow: hidden; + width: 100%; + border-top: unset; + order: 2; +} + +/* Olie doesn't know how CSS inheritance works */ +#completions .HistoryCompletionSource { max-height: unset; + min-height: unset; +} + +#completions .HistoryCompletionSource table { width: 100%; + font-size: 9pt; + border-spacing: 0; + table-layout: fixed; +} + +/* redundancy 2: redundancy 2: more redundancy */ +#completions .BmarkCompletionSource { max-height: unset; + min-height: unset; +} + +#completions table tr td.prefix,#completions table tr td.privatewindow,#completions table tr td.container,#completions table tr td.icon { display: none; +} + +#completions .BufferCompletionSource table { width: unset; + font-size: unset; + border-spacing: unset; + table-layout: unset; +} + +#completions table tr .title { width: 50%; +} + +#completions table tr { white-space: nowrap; + overflow: hidden; + text-overflow: ellipsis; +} + +#completions .sectionHeader { background: unset; + font-weight: 200; + border-bottom: unset; + padding: 1rem !important; + padding-left: unset; + padding-bottom: 0.2rem; +} + +#cmdline_iframe { position: fixed !important; + bottom: unset; + top: 25% !important; + left: 10% !important; + z-index: 2147483647 !important; + width: 80% !important; + box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 20px !important; +} + +.TridactylStatusIndicator { position: fixed !important; + bottom: 0 !important; + background: var(--tridactyl-bg) !important; + border: unset !important; + border: 1px var(--base0B) solid !important; + font-size: 12pt !important; + /*font-weight: 200 !important;*/ + padding: 0.8ex !important; +} + +#completions .focused { background: var(--base0B); + color: var(--base00); +} + +#completions .focused .url { background: var(--base0B); + color: var(--base00); +} +/* #Ocean-normal { */ +/* border-color: green !important; */ +/* } */ + +/* #Ocean-insert { */ +/* border-color: yellow !important; */ +/* } */ diff --git a/tridactyl/themes/base16-unikitty-light.css b/tridactyl/themes/base16-unikitty-light.css new file mode 100644 index 0000000..8cf4ce4 --- /dev/null +++ b/tridactyl/themes/base16-unikitty-light.css @@ -0,0 +1,153 @@ +:root { /* Unikitty-light by Chris Kempson (http://chriskempson.com) */ + --base00: #ffffff; + --base01: #e1e1e2; + --base02: #c4c3c5; + --base03: #a7a5a8; + --base04: #89878b; + --base05: #6c696e; + --base06: #4f4b51; + --base07: #322d34; + --base08: #d8137f; + --base09: #d65407; + --base0A: #dc8a0e; + --base0B: #17ad98; + --base0C: #149bda; + --base0D: #775dff; + --base0E: #aa17e6; + --base0F: #e013d0; + + --tridactyl-fg: var(--base05); + --tridactyl-bg: var(--base00); + --tridactyl-url-fg: var(--base08); + --tridactyl-url-bg: var(--base00); + --tridactyl-highlight-box-bg: var(--base0B); + --tridactyl-highlight-box-fg: var(--base00); + + /* Hint character tags */ + --tridactyl-hintspan-fg: var(--base00) !important; + --tridactyl-hintspan-bg: var(--base0A) !important; + + /* Element Highlights */ + --tridactyl-hint-active-fg: none; + --tridactyl-hint-active-bg: none; + --tridactyl-hint-active-outline: none; + --tridactyl-hint-bg: none; + --tridactyl-hint-outline: none; +} + +#command-line-holder { order: 1; + border: 2px solid var(--base0B); + color: var(--tridactyl-bg); +} + +#tridactyl-input { padding: 1rem; + color: var(--tridactyl-fg); + width: 90%; + font-size: 1.5rem; + line-height: 1.5; + background: var(--tridactyl-bg); + padding-left: unset; + padding: 1rem; +} + +#completions table { font-size: 0.8rem; + font-weight: 200; + border-spacing: 0; + table-layout: fixed; + padding: 1rem; + padding-top: 1rem; + padding-bottom: 1rem; +} + +#completions > div { max-height: calc(20 * var(--option-height)); + min-height: calc(10 * var(--option-height)); +} + +/* COMPLETIONS */ + +#completions { --option-height: 1.4em; + color: var(--tridactyl-fg); + background: var(--tridactyl-bg); + display: inline-block; + font-size: unset; + font-weight: 200; + overflow: hidden; + width: 100%; + border-top: unset; + order: 2; +} + +/* Olie doesn't know how CSS inheritance works */ +#completions .HistoryCompletionSource { max-height: unset; + min-height: unset; +} + +#completions .HistoryCompletionSource table { width: 100%; + font-size: 9pt; + border-spacing: 0; + table-layout: fixed; +} + +/* redundancy 2: redundancy 2: more redundancy */ +#completions .BmarkCompletionSource { max-height: unset; + min-height: unset; +} + +#completions table tr td.prefix,#completions table tr td.privatewindow,#completions table tr td.container,#completions table tr td.icon { display: none; +} + +#completions .BufferCompletionSource table { width: unset; + font-size: unset; + border-spacing: unset; + table-layout: unset; +} + +#completions table tr .title { width: 50%; +} + +#completions table tr { white-space: nowrap; + overflow: hidden; + text-overflow: ellipsis; +} + +#completions .sectionHeader { background: unset; + font-weight: 200; + border-bottom: unset; + padding: 1rem !important; + padding-left: unset; + padding-bottom: 0.2rem; +} + +#cmdline_iframe { position: fixed !important; + bottom: unset; + top: 25% !important; + left: 10% !important; + z-index: 2147483647 !important; + width: 80% !important; + box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 20px !important; +} + +.TridactylStatusIndicator { position: fixed !important; + bottom: 0 !important; + background: var(--tridactyl-bg) !important; + border: unset !important; + border: 1px var(--base0B) solid !important; + font-size: 12pt !important; + /*font-weight: 200 !important;*/ + padding: 0.8ex !important; +} + +#completions .focused { background: var(--base0B); + color: var(--base00); +} + +#completions .focused .url { background: var(--base0B); + color: var(--base00); +} +/* #Ocean-normal { */ +/* border-color: green !important; */ +/* } */ + +/* #Ocean-insert { */ +/* border-color: yellow !important; */ +/* } */ diff --git a/tridactyl/themes/base16-woodland.css b/tridactyl/themes/base16-woodland.css new file mode 100644 index 0000000..d36e482 --- /dev/null +++ b/tridactyl/themes/base16-woodland.css @@ -0,0 +1,153 @@ +:root { /* Woodland by Chris Kempson (http://chriskempson.com) */ + --base00: #231e18; + --base01: #302b25; + --base02: #48413a; + --base03: #9d8b70; + --base04: #b4a490; + --base05: #cabcb1; + --base06: #d7c8bc; + --base07: #e4d4c8; + --base08: #d35c5c; + --base09: #ca7f32; + --base0A: #e0ac16; + --base0B: #b7ba53; + --base0C: #6eb958; + --base0D: #88a4d3; + --base0E: #bb90e2; + --base0F: #b49368; + + --tridactyl-fg: var(--base05); + --tridactyl-bg: var(--base00); + --tridactyl-url-fg: var(--base08); + --tridactyl-url-bg: var(--base00); + --tridactyl-highlight-box-bg: var(--base0B); + --tridactyl-highlight-box-fg: var(--base00); + + /* Hint character tags */ + --tridactyl-hintspan-fg: var(--base00) !important; + --tridactyl-hintspan-bg: var(--base0A) !important; + + /* Element Highlights */ + --tridactyl-hint-active-fg: none; + --tridactyl-hint-active-bg: none; + --tridactyl-hint-active-outline: none; + --tridactyl-hint-bg: none; + --tridactyl-hint-outline: none; +} + +#command-line-holder { order: 1; + border: 2px solid var(--base0B); + color: var(--tridactyl-bg); +} + +#tridactyl-input { padding: 1rem; + color: var(--tridactyl-fg); + width: 90%; + font-size: 1.5rem; + line-height: 1.5; + background: var(--tridactyl-bg); + padding-left: unset; + padding: 1rem; +} + +#completions table { font-size: 0.8rem; + font-weight: 200; + border-spacing: 0; + table-layout: fixed; + padding: 1rem; + padding-top: 1rem; + padding-bottom: 1rem; +} + +#completions > div { max-height: calc(20 * var(--option-height)); + min-height: calc(10 * var(--option-height)); +} + +/* COMPLETIONS */ + +#completions { --option-height: 1.4em; + color: var(--tridactyl-fg); + background: var(--tridactyl-bg); + display: inline-block; + font-size: unset; + font-weight: 200; + overflow: hidden; + width: 100%; + border-top: unset; + order: 2; +} + +/* Olie doesn't know how CSS inheritance works */ +#completions .HistoryCompletionSource { max-height: unset; + min-height: unset; +} + +#completions .HistoryCompletionSource table { width: 100%; + font-size: 9pt; + border-spacing: 0; + table-layout: fixed; +} + +/* redundancy 2: redundancy 2: more redundancy */ +#completions .BmarkCompletionSource { max-height: unset; + min-height: unset; +} + +#completions table tr td.prefix,#completions table tr td.privatewindow,#completions table tr td.container,#completions table tr td.icon { display: none; +} + +#completions .BufferCompletionSource table { width: unset; + font-size: unset; + border-spacing: unset; + table-layout: unset; +} + +#completions table tr .title { width: 50%; +} + +#completions table tr { white-space: nowrap; + overflow: hidden; + text-overflow: ellipsis; +} + +#completions .sectionHeader { background: unset; + font-weight: 200; + border-bottom: unset; + padding: 1rem !important; + padding-left: unset; + padding-bottom: 0.2rem; +} + +#cmdline_iframe { position: fixed !important; + bottom: unset; + top: 25% !important; + left: 10% !important; + z-index: 2147483647 !important; + width: 80% !important; + box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 20px !important; +} + +.TridactylStatusIndicator { position: fixed !important; + bottom: 0 !important; + background: var(--tridactyl-bg) !important; + border: unset !important; + border: 1px var(--base0B) solid !important; + font-size: 12pt !important; + /*font-weight: 200 !important;*/ + padding: 0.8ex !important; +} + +#completions .focused { background: var(--base0B); + color: var(--base00); +} + +#completions .focused .url { background: var(--base0B); + color: var(--base00); +} +/* #Ocean-normal { */ +/* border-color: green !important; */ +/* } */ + +/* #Ocean-insert { */ +/* border-color: yellow !important; */ +/* } */ diff --git a/tridactyl/themes/snazzy.css b/tridactyl/themes/snazzy.css new file mode 100644 index 0000000..46b4e3b --- /dev/null +++ b/tridactyl/themes/snazzy.css @@ -0,0 +1,156 @@ +:root { /* Snazzy Tridactyl theme created by Chris Cochrun chris@tfcconnection.org */ + --base00: #282a36; + --base01: #34353e; + --base02: #43454f; + --base03: #78787e; + --base04: #a5a5a9; + --base05: #e2e4e5; + --base06: #eff0eb; + --base07: #f1f1f0; + --base08: #ff5c57; + --base09: #ff9f43; + --base0A: #f3f99d; + --base0B: #5af78e; + --base0C: #9aedfe; + --base0D: #57c7ff; + --base0E: #ff6ac1; + --base0F: #b2643c; + + --tridactyl-fg: var(--base05); + --tridactyl-bg: var(--base00); + --tridactyl-url-fg: var(--base08); + --tridactyl-url-bg: var(--base00); + --tridactyl-highlight-box-bg: var(--base0D); + --tridactyl-highlight-box-fg: var(--base00); + + /* Hint character tags */ + --tridactyl-hintspan-fg: var(--base00) !important; + --tridactyl-hintspan-bg: var(--base0A) !important; + + /* Element Highlights */ + --tridactyl-hint-active-fg: none; + --tridactyl-hint-active-bg: none; + --tridactyl-hint-active-outline: none; + --tridactyl-hint-bg: none; + --tridactyl-hint-outline: none; +} + +#command-line-holder { order: 1; + /*border: 2px solid var(--base0B);*/ + color: var(--tridactyl-bg); +} + +#tridactyl-input { padding: 1rem; + color: var(--tridactyl-fg); + width: 90%; + font-size: 1.5rem; + line-height: 1.5; + background: var(--tridactyl-bg); + opacity: 0.85; + padding-left: unset; + padding: 1rem; +} + +#completions table { font-size: 0.8rem; + font-weight: 200; + border-spacing: 0; + table-layout: fixed; + padding: 1rem; + padding-top: 1rem; + padding-bottom: 1rem; +} + +#completions > div { max-height: calc(20 * var(--option-height)); + min-height: calc(10 * var(--option-height)); +} + +/* COMPLETIONS */ + +#completions { --option-height: 1.4em; + color: var(--tridactyl-fg); + background: var(--tridactyl-bg); + display: inline-block; + font-size: unset; + font-weight: 200; + overflow: hidden; + width: 100%; + border-top: unset; + order: 2; +} + +/* Olie doesn't know how CSS inheritance works */ +#completions .HistoryCompletionSource { max-height: unset; + min-height: unset; +} + +#completions .HistoryCompletionSource table { width: 100%; + font-size: 9pt; + border-spacing: 0; + table-layout: fixed; +} + +/* redundancy 2: redundancy 2: more redundancy */ +#completions .BmarkCompletionSource { max-height: unset; + min-height: unset; +} + +#completions table tr td.prefix,#completions table tr td.privatewindow,#completions table tr td.container,#completions table tr td.icon { display: none; +} + +#completions .BufferCompletionSource table { width: unset; + font-size: unset; + border-spacing: unset; + table-layout: unset; +} + +#completions table tr .title { width: 50%; +} + +#completions table tr { white-space: nowrap; + overflow: hidden; + text-overflow: ellipsis; +} + +#completions .sectionHeader { background: unset; + font-weight: 200; + border-bottom: unset; + padding: 1rem !important; + padding-left: unset; + padding-bottom: 0.2rem; +} + +#cmdline_iframe { position: fixed !important; + bottom: unset; + top: 25% !important; + left: 10% !important; + z-index: 2147483647 !important; + width: 80% !important; + box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 20px !important; + border-radius: 30px !important; + /*filter: blur(15px);*/ +} + +.TridactylStatusIndicator { position: fixed !important; + bottom: 0 !important; + background: var(--tridactyl-bg) !important; + border: unset !important; + border: 1px var(--base0D) solid !important; + font-size: 9pt !important; + /*font-weight: 200 !important;*/ + padding: 0.6ex !important; +} + +#completions .focused { background: var(--base0B); + color: var(--base00); +} + +#completions .focused .url { background: var(--base0B); + color: var(--base00); +} +/* #Ocean-normal { */ +/* border-color: green !important; */ +/* } */ + +/* #Ocean-insert { */ +/* border-color: yellow !important; */ +/* } */ diff --git a/tridactyl/tridactylrc b/tridactyl/tridactylrc new file mode 100644 index 0000000..ede99ab --- /dev/null +++ b/tridactyl/tridactylrc @@ -0,0 +1,37 @@ +" General Settings +set configversion 1.9 +set update.lastchecktime 1595863715072 +set update.nag true +set update.nagwait 7 +set update.lastnaggedversion 1.14.0 +set update.checkintervalsecs 86400 +set theme base16-google-dark +set searchurls.gh https://github.com/search?utf8=✓&q= +set searchurls.y https://www.yewtu.be/search?q= +set searchurls.wiki https://en.wikipedia.org/wiki/Special:Search/ +set searchurls.g https://www.google.com/search?q= +set searchurls.d https://duckduckgo.com/?q= +set searchurls.ama https://www.amazon.com/s/ref=nb_sb_noss?url=search-alias%3Daps&field-keywords= +set searchurls.google https://www.google.com/search?q= +set searchurls.googlelucky https://www.google.com/search?btnI=I'm+Feeling+Lucky&q= +set searchurls.scholar https://scholar.google.com/scholar?q= +set searchurls.googleuk https://www.google.co.uk/search?q= +set searchurls.bing https://www.bing.com/search?q= +set searchurls.duckduckgo https://duckduckgo.com/?q= +set searchurls.yahoo https://search.yahoo.com/search?p= +set searchurls.twitter https://twitter.com/search?q= +set searchurls.wikipedia https://en.wikipedia.org/wiki/Special:Search/ +set searchurls.youtube https://www.youtube.com/results?search_query= +set searchurls.amazon https://www.amazon.com/s/ref=nb_sb_noss?url=search-alias%3Daps&field-keywords= +set searchurls.amazonuk https://www.amazon.co.uk/s/ref=nb_sb_noss?url=search-alias%3Daps&field-keywords= +set searchurls.startpage https://startpage.com/do/search?language=english&cat=web&query= +set searchurls.github https://github.com/search?utf8=✓&q= +set searchurls.searx https://searx.me/?category_general=on&q= +set searchurls.cnrtl http://www.cnrtl.fr/lexicographie/ +set searchurls.osm https://www.openstreetmap.org/search?query= +set searchurls.mdn https://developer.mozilla.org/en-US/search?q= +set searchurls.gentoo_wiki https://wiki.gentoo.org/index.php?title=Special%3ASearch&profile=default&fulltext=Search&search= +set searchurls.qwant https://www.qwant.com/?q= + +" For syntax highlighting see https://github.com/tridactyl/vim-tridactyl +" vim: set filetype=tridactyl