mirror of
https://github.com/elkowar/dots-of-war.git
synced 2024-12-23 21:12:22 +00:00
add userchrome and some gtk stuff
This commit is contained in:
parent
80654b2d79
commit
9769f3fff6
6 changed files with 421 additions and 3 deletions
|
@ -1,4 +1,4 @@
|
|||
{
|
||||
"optOut": false,
|
||||
"lastUpdateCheck": 1590849135770
|
||||
"lastUpdateCheck": 1590939768340
|
||||
}
|
|
@ -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
|
||||
|
|
|
@ -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
|
||||
|
|
|
@ -168,7 +168,7 @@ wintypes:
|
|||
tooltip = {
|
||||
fade = true;
|
||||
shadow = true;
|
||||
opacity = 0.85;
|
||||
opacity = 1.00;
|
||||
focus = true;
|
||||
};
|
||||
};
|
||||
|
|
|
@ -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-<Return>", launchWithBackgroundInstance (className =? "Alacritty") "alacritty")
|
||||
]
|
||||
|
||||
|
|
397
files/userChrome.css
Normal file
397
files/userChrome.css
Normal file
|
@ -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;
|
||||
}
|
||||
|
Loading…
Reference in a new issue