summaryrefslogtreecommitdiff
path: root/.config/userChrome.css
diff options
context:
space:
mode:
Diffstat (limited to '.config/userChrome.css')
-rw-r--r--.config/userChrome.css169
1 files changed, 63 insertions, 106 deletions
diff --git a/.config/userChrome.css b/.config/userChrome.css
index 7ee441e8..de3e6ec2 100644
--- a/.config/userChrome.css
+++ b/.config/userChrome.css
@@ -1,55 +1,46 @@
:root {
- --mff-bg: #1E1E2E;
- --mff-icon-color: #DDB6F2;
- --mff-nav-toolbar-padding: 8px;
- --mff-sidebar-bg: var(--mff-bg);
- --mff-sidebar-color: #DDB6F2;
- --mff-tab-border-radius: 0px;
- --mff-tab-color: #96CDFB;
- --mff-tab-font-family: "mononoki Nerd Font";
- --mff-tab-font-size: 11pt;
- --mff-tab-font-weight: 400;
- --mff-tab-height: 32px;
- --mff-tab-pinned-bg: #1E1E2E;
- --mff-tab-selected-bg: #302D41;
- --mff-tab-soundplaying-bg: #1E1E2E;
- --mff-urlbar-color: #96CDFB;
- --mff-urlbar-focused-color: #DDB6F2;
- --mff-urlbar-font-family: "Cantarell", serif;
- --mff-urlbar-font-size: 12pt;
- --mff-urlbar-font-weight: 700;
- --mff-urlbar-results-color: #B5E8E0;
- --mff-urlbar-results-font-family: "mononoki Nerd Font";
- --mff-urlbar-results-font-size: 12pt;
- --mff-urlbar-results-font-weight: 700;
- --mff-urlbar-results-url-color: #96CDFB;
- --autocomplete-popup-background: var(--mff-bg) !important;
- --default-arrowpanel-background: var(--mff-bg) !important;
+ --bg: #1E1E2E;
+ --icon-color: #DDB6F2;
+ --nav-toolbar-padding: 8px;
+ --sidebar-bg: var(--bg);
+ --sidebar-color: #DDB6F2;
+ --tab-border-radius: 0px;
+ --tab-color: #96CDFB;
+ --tab-font-family: "Mononoki Nerd Font";
+ --tab-font-size: 11pt;
+ --tab-font-weight: 400;
+ --tab-height: 32px;
+ --tab-pinned-bg: #1E1E2E;
+ --tab-selected-bg: #302D41;
+ --tab-soundplaying-bg: #1E1E2E;
+ --urlbar-color: #96CDFB;
+ --urlbar-focused-color: #DDB6F2;
+ --urlbar-font-family: "Mononoki Nerd Font";
+ --urlbar-font-size: 12pt;
+ --urlbar-font-weight: 700;
+ --urlbar-results-color: #B5E8E0;
+ --urlbar-results-font-family: "Mononoki Nerd Font";
+ --urlbar-results-font-size: 12pt;
+ --urlbar-results-font-weight: 700;
+ --urlbar-results-url-color: #96CDFB;
+ --autocomplete-popup-background: var(--bg) !important;
+ --default-arrowpanel-background: var(--bg) !important;
--default-arrowpanel-color: #fefefa !important;
- --lwt-toolbarbutton-icon-fill: var(--mff-icon-color) !important;
+ --lwt-toolbarbutton-icon-fill: var(--icon-color) !important;
--panel-disabled-color: #f9f9fa80;
- --toolbar-bgcolor: var(--mff-bg) !important;
+ --toolbar-bgcolor: var(--bg) !important;
--urlbar-separator-color: transparent !important;
}
-/*
- _____ _ ___ ___
- |_ _/_\ | _ ) __|
- | |/ _ \| _ \__ \
- |_/_/ \_\___/___/
-
-*/
-
.tab-background[selected="true"] {
- background: var(--mff-tab-selected-bg) !important;
+ background: var(--tab-selected-bg) !important;
}
.tab-background:not[visuallyselected] {
- background: var(--mff-tab-selected-bg) !important;
+ background: var(--tab-selected-bg) !important;
opacity: 0.5 !important;
}
-/* This positions the tabs under the navaigator container */
#titlebar {
-moz-box-ordinal-group: 3 !important;
}
@@ -73,18 +64,16 @@
}
.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);
+ font-family: var(--tab-font-family);
+ font-weight: var(--tab-font-weight);
+ font-size: var(--tab-font-size) !important;
+ color: var(--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;
}
@@ -112,18 +101,18 @@ hbox.tab-content[pinned=true] .tab-text {
}
.tabbrowser-tab {
- border-radius: var(--mff-tab-border-radius) !important;
+ border-radius: var(--tab-border-radius) !important;
border-width: 0;
- height: var(--mff-tab-height) !important;
+ height: var(--tab-height) !important;
margin-bottom: 4px !important;
margin-inline-end: 4px !important;
margin-top: 4px !important;
- max-height: var(--mff-tab-height) !important;
- min-height: var(--mff-tab-height) !important;
+ max-height: var(--tab-height) !important;
+ min-height: var(--tab-height) !important;
}
.tabbrowser-tab[soundplaying="true"] {
- background-color: var(--mff-tab-soundplaying-bg) !important;
+ background-color: var(--tab-soundplaying-bg) !important;
}
#tabs-newtab-button {
@@ -135,35 +124,24 @@ hbox.tab-content[pinned=true] .tab-text {
display: none !important;
}
-/*
- _____ ___ ___ _ ___ _ ___
-|_ _/ _ \ / _ \| | | _ ) /_\ | _ \
- | || (_) | (_) | |__| _ \/ _ \| /
- |_| \___/ \___/|____|___/_/ \_\_|_\
-*/
-
.urlbar-icon > image {
- fill: var(--mff-icon-color) !important;
- color: var(--mff-icon-color) !important;
+ fill: var(--icon-color) !important;
+ color: var(--icon-color) !important;
}
.toolbarbutton-text {
- color: var(--mff-icon-color) !important;
+ color: var(--icon-color) !important;
}
.urlbar-icon {
- color: var(--mff-icon-color) !important;
+ color: var(--icon-color) !important;
}
-.toolbarbutton-icon {
-/* filter: drop-shadow(0 0 0.75rem crimson); */
-}
-
#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;
+ font-family: var(--urlbar-results-font-family);
+ font-weight: var(--urlbar-results-font-weight);
+ font-size: var(--urlbar-results-font-size) !important;
+ color: var(--urlbar-results-color) !important;
}
.urlbarView-row[type="bookmark"] > span{
@@ -175,10 +153,10 @@ hbox.tab-content[pinned=true] .tab-text {
}
.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;
+ color: var(--urlbar-results-url-color) !important;
+ font-family: var(--urlbar-font-family);
+ font-weight: var(--urlbar-results-font-weight);
+ font-size: var(--urlbar-font-size) !important;
}
.urlbarView-favicon, .urlbarView-type-icon {
@@ -186,10 +164,10 @@ hbox.tab-content[pinned=true] .tab-text {
}
#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;
+ font-size: var(--urlbar-font-size) !important;
+ color: var(--urlbar-color) !important;
+ font-family: var(--urlbar-font-family) !important;
+ font-weight: var(--urlbar-font-weight)!important;
text-align: center !important;
}
@@ -223,16 +201,16 @@ toolbar {
}
#urlbar-background {
- background-color: var(--mff-bg) !important;
+ background-color: var(--bg) !important;
border: none !important;
}
.toolbar-items {
- background-color: var(--mff-bg) !important;
+ background-color: var(--bg) !important;
}
#sidebar-search-container {
- background-color: var(--mff-sidebar-bg) !important;
+ background-color: var(--sidebar-bg) !important;
}
box.panel-arrowbox {
@@ -257,7 +235,7 @@ image#star-button {
}
toolbar#nav-bar {
- padding: var(--mff-nav-toolbar-padding) !important;
+ padding: var(--nav-toolbar-padding) !important;
}
toolbar#nav-bar {
@@ -267,11 +245,10 @@ toolbar#nav-bar {
#urlbar {
max-width: 70% !important;
margin: 0 15% !important;
- /* position: unset!important; */;
}
#urlbar-input:focus {
- color: var(--mff-urlbar-focused-color) !important;
+ color: var(--urlbar-focused-color) !important;
}
@@ -284,28 +261,16 @@ toolbarbutton {
box-shadow: none !important;
}
-
-/*
- ___ ___ ___ ___ ___ _ ___
- / __|_ _| \| __| _ ) /_\ | _ \
- \__ \| || |) | _|| _ \/ _ \| /
- |___/___|___/|___|___/_/ \_\_|_\
-*/
-
.close-icon, .urlbar-icon {
- fill: var(--mff-icon-color) !important;
+ fill: var(--icon-color) !important;
}
.sidebar-placesTree {
- color: var(--mff-sidebar-color) !important;
-}
-
-#sidebar-switcher-target {
-/* color: white !important; */
+ color: var(--sidebar-color) !important;
}
#sidebar-box {
- --sidebar-background-color: var(--mff-sidebar-bg) !important;
+ --sidebar-background-color: var(--sidebar-bg) !important;
}
splitter#sidebar-splitter {
@@ -321,14 +286,6 @@ image#sidebar-icon {
display: none;
}
-
-/*
- _ ___ ___ _____ _____ _ _ _ ___ _
- /_\ | _ \ _ \/ _ \ \ / / _ \/_\ | \| | __| |
- / _ \| / / (_) \ \/\/ /| _/ _ \| .` | _|| |__
- /_/ \_\_|_\_|_\\___/ \_/\_/ |_|/_/ \_\_|\_|___|____|
- */
-
.panel-arrowcontent {
padding: 0px !important;
margin: 0px !important;