From 9769f3fff6f2b58a3f05352c07e1080de01d08aa Mon Sep 17 00:00:00 2001 From: Leon Kowarschick Date: Sun, 31 May 2020 19:36:54 +0200 Subject: [PATCH] add userchrome and some gtk stuff --- .../configstore/update-notifier-npm.json | 2 +- files/.config/fish/config.fish | 14 + files/.config/gtk-3.0/settings.ini | 6 + files/.config/picom.conf | 2 +- files/.xmonad/lib/Config.hs | 3 +- files/userChrome.css | 397 ++++++++++++++++++ 6 files changed, 421 insertions(+), 3 deletions(-) create mode 100644 files/userChrome.css diff --git a/files/.config/configstore/update-notifier-npm.json b/files/.config/configstore/update-notifier-npm.json index 4e476ef..788ee66 100644 --- a/files/.config/configstore/update-notifier-npm.json +++ b/files/.config/configstore/update-notifier-npm.json @@ -1,4 +1,4 @@ { "optOut": false, - "lastUpdateCheck": 1590849135770 + "lastUpdateCheck": 1590939768340 } \ No newline at end of file diff --git a/files/.config/fish/config.fish b/files/.config/fish/config.fish index 57f61ea..3c33274 100644 --- a/files/.config/fish/config.fish +++ b/files/.config/fish/config.fish @@ -48,6 +48,20 @@ end bind \ca run_stuff +function replace_with_yay + set -l cmd (commandline -b) + switch $cmd + case "*pacman*" + set edited (echo $cmd | sed 's/sudo //g' | sed 's/pacman/yay/g') + case "yay*" + set edited (echo $cmd | sed 's/yay/sudo pacman/g') + end + commandline -r "$edited" + commandline -f repaint +end + +bind \cy replace_with_yay + # fff file manager cd on exit function f fff $argv diff --git a/files/.config/gtk-3.0/settings.ini b/files/.config/gtk-3.0/settings.ini index b88c279..ad42c17 100644 --- a/files/.config/gtk-3.0/settings.ini +++ b/files/.config/gtk-3.0/settings.ini @@ -16,3 +16,9 @@ gtk-xft-hinting=1 gtk-xft-hintstyle=hintslight gtk-xft-rgba=rgb gtk-application-prefer-dark-theme=true +gtk-decoration-layout=: + +;gtk-font-name = DejaVu Sans 1 121 +gtk-font-name = xos4 Terminus Regular 12 +;gtk-font-name = Terminus 12 +;gtk-font-name = cozette 10 diff --git a/files/.config/picom.conf b/files/.config/picom.conf index ef5dc4c..451d1a7 100644 --- a/files/.config/picom.conf +++ b/files/.config/picom.conf @@ -168,7 +168,7 @@ wintypes: tooltip = { fade = true; shadow = true; - opacity = 0.85; + opacity = 1.00; focus = true; }; }; diff --git a/files/.xmonad/lib/Config.hs b/files/.xmonad/lib/Config.hs index 25f3e15..838476f 100644 --- a/files/.xmonad/lib/Config.hs +++ b/files/.xmonad/lib/Config.hs @@ -296,7 +296,8 @@ myKeys = concat [ zoomRowBindings, tabbedBindings, multiMonitorBindings, program , ("M-S-C-g", spawn "killall -INT -g giph") -- stop gif recording --, ("M-b", launchWithBackgroundInstance (className =? "qutebrowser") "bwrap --bind / / --dev-bind /dev /dev --tmpfs /tmp --tmpfs /run qutebrowser") - , ("M-b", safeSpawnProg "qutebrowser") + --, ("M-b", safeSpawnProg "qutebrowser") + , ("M-b", safeSpawnProg "firefox") , ("M-S-", launchWithBackgroundInstance (className =? "Alacritty") "alacritty") ] diff --git a/files/userChrome.css b/files/userChrome.css new file mode 100644 index 0000000..4fe3ebb --- /dev/null +++ b/files/userChrome.css @@ -0,0 +1,397 @@ +:root { + /* Minimal Functional Fox variables*/ + --mff-bg: #282828; + --foreground: #ebdbb2; + --foreground-lighter: #d5c4a1; + --mff-icon-color: #ebdbb2; + --mff-nav-toolbar-padding: 0px; + --mff-sidebar-bg: var(--mff-bg); + --mff-sidebar-color: #ebdbb2; + --mff-tab-border-radius: 0px; + --mff-tab-color: #ebdbb2; + --mff-tab-font-family: "terminus (ttf)"; + --mff-tab-font-size: 9pt; + --mff-tab-font-weight: 400; + --mff-tab-height: 20px; + --mff-tab-pinned-bg: #70c1b3; + --mff-tab-selected-bg: #689d6a; + --mff-tab-soundplaying-bg: #9c89b8; + --mff-urlbar-color: #ebdbb2; + --mff-urlbar-focused-color: #ebdbb2; + --mff-urlbar-font-family: "terminus (ttf)"; + --mff-urlbar-font-size: 12pt; + --mff-urlbar-font-weight: normal; + --mff-urlbar-results-color: #ebdbb2; + --mff-urlbar-results-font-family: "terminus (ttf)"; + --mff-urlbar-results-font-size: 12pt; + --mff-urlbar-results-font-weight: normal; /*700;*/ + --mff-urlbar-results-url-color: #83a598; + /* --mff-tab-selected-bg: linear-gradient(90deg, rgba(232,74,95,1) 0%, rgba(255,132,124,1) 50%, rgba(254,206,168,1) 100%); */ + /* --mff-urlbar-font-weight: 600; */ + + /* Overriden Firefox variables*/ + --autocomplete-popup-background: var(--mff-bg) !important; + --default-arrowpanel-background: var(--mff-bg) !important; + --default-arrowpanel-color: #ebdbb2 !important; + --lwt-toolbarbutton-icon-fill: var(--mff-icon-color) !important; + --panel-disabled-color: #ebdbb280; + --toolbar-bgcolor: var(--mff-bg) !important; + --urlbar-separator-color: transparent !important; + + --autocomplete-popup-highlight-color: #fabd2f !important; + --autocomplete-popup-highlight-background: #665c54 !important; + + --arrowpanel-background: var(--mff-bg) !important; + --arrowpanel-color: var(--foreground) !important; + --panel-disabled-color: rgba(var(--foreground-lighter), 0.4) !important; +} + +/* + _____ _ ___ ___ + |_ _/_\ | _ ) __| + | |/ _ \| _ \__ \ + |_/_/ \_\___/___/ +*/ + +.tab-background[selected="true"] { + background: var(--mff-tab-selected-bg) !important; +} + +.tabbrowser-tab[visuallyselected="true"] .tab-text { + color: var(--mff-bg) !important; +} + +.tab-background:not[visuallyselected] { + background: var(--mff-tab-selected-bg) !important; + /*opacity: 0.5 !important;*/ + opacity: 1.0 !important; +} + +/* This positions the tabs under the navaigator container */ +#titlebar { + -moz-box-ordinal-group: 3 !important; +} + +.tabbrowser-tab::after, +.tabbrowser-tab::before { + border-left: none !important; +} + +.tab-background { + border: none !important; +} + +.tabbrowser-arrowscrollbox { + margin-inline-start: 4px !important; + margin-inline-end: 0px !important; +} + +#tabbrowser-tabs, +#tabbrowser-arrowscrollbox { + min-height: 0 !important; +} + +.tab-close-button { + display: none !important; +} + +.tab-text { + font-family: var(--mff-tab-font-family); + font-weight: var(--mff-tab-font-weight); + font-size: var(--mff-tab-font-size) !important; + color: var(--mff-tab-color); +} + +/* Hide the favicon for tabs */ +hbox.tab-content .tab-icon-image { + display: none !important; +} + +/* Show the favicon for tabs that are pinned */ +hbox.tab-content[pinned="true"] .tab-icon-image { + display: initial !important; +} + +hbox.tab-content[pinned="true"] .tab-text { + display: none !important; +} + +#tabbrowser-tabs { + --tab-loading-fill: #033433 !important; +} + + +.tab-label-container:not([textoverflow]) { + display: flex; + overflow: hidden; + justify-content: center; + width: 50% !important; + max-width: 50% !important; + min-width: 50% !important; +} + +/* .tab-label-container::after { + content: "?" !important; +} */ + +.tab-line { + display: none !important; + margin-bottom: 0 !important; +} + +.tabbrowser-tab { + border-radius: var(--mff-tab-border-radius) !important; + border-width: 0; + height: var(--mff-tab-height) !important; + margin-bottom: 0px !important; + margin-inline-end: 4px !important; + margin-top: 0px !important; + max-height: var(--mff-tab-height) !important; + min-height: var(--mff-tab-height) !important; +} + +.tabbrowser-tab[soundplaying="true"] { + background-color: var(--mff-tab-soundplaying-bg) !important; +} + +#tabs-newtab-button { + list-style-image: url("add.svg") !important; + opacity: 0.7; +} + +.tab-icon-sound { + display: none !important; +} + +/* + _____ ___ ___ _ ___ _ ___ +|_ _/ _ \ / _ \| | | _ ) /_\ | _ \ + | || (_) | (_) | |__| _ \/ _ \| / + |_| \___/ \___/|____|___/_/ \_\_|_\ +*/ + +.urlbar-icon > image { + fill: var(--mff-icon-color) !important; + color: var(--mff-icon-color) !important; +} + +.toolbarbutton-text { + color: var(--mff-icon-color) !important; +} +.urlbar-icon { + color: var(--mff-icon-color) !important; +} + +.toolbarbutton-1 { + filter: brightness(80%) sepia(50%); +} +#back-button, #forward-button { + filter: brightness(80%) sepia(100%); + transform: scale(0.9); +} +#reload-button { + transform: scale(0.9); +} + +#tabs-newtab-button image { + fill: var(--mff-tab-color); + color: var(--mff-tab-color); +} + +#urlbar-results { + font-family: var(--mff-urlbar-results-font-family); + font-weight: var(--mff-urlbar-results-font-weight); + font-size: var(--mff-urlbar-results-font-size) !important; + color: var(--mff-urlbar-results-color) !important; +} + +#urlbar-container { + min-height: 0px; +} + +.urlbarView-row[type="bookmark"] > span { + color: #b8bb26 !important; +} + +.urlbarView-row[type="switchtab"] > span { + color: #fe8019 !important; +} + +.urlbarView-url, +.search-panel-one-offs-container { + color: var(--mff-urlbar-results-url-color) !important; + font-family: var(--mff-urlbar-font-family); + font-weight: var(--mff-urlbar-results-font-weight); + font-size: var(--mff-urlbar-font-size) !important; +} + +.urlbarView-favicon, +.urlbarView-type-icon { + display: none !important; +} + +#urlbar-input { + font-size: var(--mff-urlbar-font-size) !important; + color: var(--mff-urlbar-color) !important; + font-family: var(--mff-urlbar-font-family) !important; + font-weight: var(--mff-urlbar-font-weight) !important; + text-align: center !important; +} + +#tracking-protection-icon-container, +#identity-box { + display: none; +} + +#back-button > .toolbarbutton-icon { + --backbutton-background: transparent !important; + border: none !important; +} + +#back-button { + list-style-image: url("left-arrow.svg") !important; +} + +#forward-button { + list-style-image: url("right-arrow.svg") !important; +} + +toolbar { + background-image: none !important; +} + +#urlbar-background { + opacity: 0.98 !important; +} + +#navigator-toolbox, +toolbaritem { + border: none !important; +} + +#urlbar-background { + background-color: var(--mff-bg) !important; + border: none !important; +} + +.toolbar-items { + background-color: var(--mff-bg) !important; +} + +#sidebar-search-container { + background-color: var(--mff-sidebar-bg) !important; +} + +box.panel-arrowbox { + display: none; +} + +box.panel-arrowcontent { + border-radius: 0px !important; + border: none !important; +} + +tab.tabbrowser-tab { + overflow: hidden; +} + +tab.tabbrowser-tab:hover { + box-shadow: 0 1px 4px rgba(0, 0, 0, 0.05); +} + +image#star-button { + display: none; +} + +toolbar#nav-bar { + padding: var(--mff-nav-toolbar-padding) !important; +} + +toolbar#nav-bar { + padding: 4px !important; +} + +#urlbar { + max-width: 90% !important; + margin: 0 15% !important; + margin-top: -5px; + /* position: unset!important; */ +} + +#urlbar-input:focus { + color: var(--mff-urlbar-focused-color) !important; +} + +.megabar[breakout-extend="true"]:not([open="true"]) > #urlbar-background { + box-shadow: none !important; + background-color: transparent !important; +} + +toolbarbutton { + box-shadow: none !important; +} + +/* + ___ ___ ___ ___ ___ _ ___ + / __|_ _| \| __| _ ) /_\ | _ \ + \__ \| || |) | _|| _ \/ _ \| / + |___/___|___/|___|___/_/ \_\_|_\ +*/ + +.close-icon, +.urlbar-icon { + fill: var(--mff-icon-color) !important; +} + +.sidebar-placesTree { + color: var(--mff-sidebar-color) !important; +} + +#sidebar-switcher-target { + /* color: white !important; */ +} + +#sidebar-box { + --sidebar-background-color: var(--mff-sidebar-bg) !important; +} + +splitter#sidebar-splitter { + opacity: 0 !important; +} + +splitter#sidebar-splitter { + border: none !important; + background-color: transparent !important; +} + +image#sidebar-icon { + display: none; +} + +/* + _ ___ ___ _____ _____ _ _ _ ___ _ + /_\ | _ \ _ \/ _ \ \ / / _ \/_\ | \| | __| | + / _ \| / / (_) \ \/\/ /| _/ _ \| .` | _|| |__ + /_/ \_\_|_\_|_\\___/ \_/\_/ |_|/_/ \_\_|\_|___|____| + */ + +.panel-arrowcontent { + padding: 0px !important; + margin: 0px !important; +} + +toolbarseparator { + display: none; +} + + +/* something */ +.toolbarbutton-icon , +.toolbarbutton-icon::after { + fill: #ebdbb2 !important; +} + +.urlbarView-row[selected="true"] { + color: red; +} +