From 4de5be37dde45fa4b83056919834439c6fb734d4 Mon Sep 17 00:00:00 2001 From: Benjamin Chausse Date: Sat, 7 Nov 2020 03:38:36 -0500 Subject: Add firefox slick theme --- .../bu3i5mo7.default-release/chrome/userChrome.css | 350 +++++++++++++++++++++ .../chrome/userContent.css | 23 ++ 2 files changed, 373 insertions(+) create mode 100644 .mozilla/firefox/bu3i5mo7.default-release/chrome/userChrome.css create mode 100644 .mozilla/firefox/bu3i5mo7.default-release/chrome/userContent.css diff --git a/.mozilla/firefox/bu3i5mo7.default-release/chrome/userChrome.css b/.mozilla/firefox/bu3i5mo7.default-release/chrome/userChrome.css new file mode 100644 index 0000000..49f3a7f --- /dev/null +++ b/.mozilla/firefox/bu3i5mo7.default-release/chrome/userChrome.css @@ -0,0 +1,350 @@ + :root { + + /* Minimal Functional Fox variables*/ + --mff-bg: #222d32; + --mff-icon-color: #e0fbfc; + --mff-nav-toolbar-padding: 8px; + --mff-sidebar-bg: var(--mff-bg); + --mff-sidebar-color: #e0fbfc; + --mff-tab-border-radius: 0px; + --mff-tab-color: #f2f1f0; + --mff-tab-font-family: "DejaVu", sans; + --mff-tab-font-size: 11pt; + --mff-tab-font-weight: 400; + --mff-tab-height: 32px; + --mff-tab-pinned-bg: ##19B596; + --mff-tab-selected-bg: #b7416e; + --mff-tab-soundplaying-bg: ##EADAB1; + --mff-urlbar-color: #98c1d9; + --mff-urlbar-focused-color: #e0fbfc; + --mff-urlbar-font-family: "Apercu Mono", monospace; + --mff-urlbar-font-size: 12pt; + --mff-urlbar-font-weight: 700; + --mff-urlbar-results-color: #e0fbfc; + --mff-urlbar-results-font-family: "Apercu Mono", serif; + --mff-urlbar-results-font-size: 12pt; + --mff-urlbar-results-font-weight: 700; + --mff-urlbar-results-url-color: #98c1d9; + /* --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: #fefefa !important; + --lwt-toolbarbutton-icon-fill: var(--mff-icon-color) !important; + --panel-disabled-color: #f9f9fa80; + --toolbar-bgcolor: var(--mff-bg) !important; + --urlbar-separator-color: transparent !important; +} + +/* + _____ _ ___ ___ + |_ _/_\ | _ ) __| + | |/ _ \| _ \__ \ + |_/_/ \_\___/___/ + +*/ + +.tab-background[selected="true"] { + background: var(--mff-tab-selected-bg) !important; +} + +.tab-background:not[visuallyselected] { + background: var(--mff-tab-selected-bg) !important; + opacity: 0.5 !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; +} + +.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; +} + +.tabbrowser-tab { + border-radius: var(--mff-tab-border-radius) !important; + border-width: 0; + height: var(--mff-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; +} + +.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-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; +} + +.urlbarView-row[type="bookmark"] > span{ + color: green !important; +} + +.urlbarView-row[type="switchtab"] > span{ + color: orange !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: .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: 8px !important; + border: none !important; +} + +tab.tabbrowser-tab { + overflow: hidden; +} + +tab.tabbrowser-tab:hover { + box-shadow: 0 1px 4px rgba(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: 70% !important; + margin: 0 15% !important; + /* 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; +} diff --git a/.mozilla/firefox/bu3i5mo7.default-release/chrome/userContent.css b/.mozilla/firefox/bu3i5mo7.default-release/chrome/userContent.css new file mode 100644 index 0000000..826998d --- /dev/null +++ b/.mozilla/firefox/bu3i5mo7.default-release/chrome/userContent.css @@ -0,0 +1,23 @@ +@import url("userChrome.css"); + +/* Removes white loading page */ +@-moz-document url(about:blank), url(about:newtab), url(about:home) { + html:not(#ublock0-epicker), html:not(#ublock0-epicker) body, #newtab-customize-overlay { + background: var(--mff-bg) !important; + } + } + + + /* Hide scrollbar */ + + :root{ + scrollbar-width: none !important; + } + + + @-moz-document url(about:privatebrowsing) { + + :root{ + scrollbar-width: none !important; + } + } \ No newline at end of file -- cgit v1.2.3