diff options
Diffstat (limited to 'chrome')
l--------- | chrome | 1 | ||||
-rw-r--r-- | chrome/img/unifox.png | bin | 0 -> 55329 bytes | |||
-rw-r--r-- | chrome/userChrome.css | 267 | ||||
-rw-r--r-- | chrome/userChrome.js | 5 | ||||
-rw-r--r-- | chrome/userContent.css | 52 |
5 files changed, 324 insertions, 1 deletions
@@ -1 +0,0 @@ -/home/artix/.mozilla/firefox/3qd5xcv8.default-release/chrome
\ No newline at end of file diff --git a/chrome/img/unifox.png b/chrome/img/unifox.png Binary files differnew file mode 100644 index 0000000..e9f5d0d --- /dev/null +++ b/chrome/img/unifox.png diff --git a/chrome/userChrome.css b/chrome/userChrome.css new file mode 100644 index 0000000..f60eaab --- /dev/null +++ b/chrome/userChrome.css @@ -0,0 +1,267 @@ +/*IN ORDER TO MAKE THIS WORK: ENABLE LEGACYUSERPRO */ + +/*================== COLORS =======================*/ + +:root { + --accent-color: 45, 45, 45; + --tab-color: 240, 240, 244; + --tab-text-color: 255, 255, 255; + --secondary-accent-color: 127,127,127; + --second-tab-text-color: 127,127,127; + --third-accent-color: 235, 219, 178; + --light-color: 255, 255, 255; + --dark-color: 0, 0, 0; + --url-back: 249, 249, 251; + --caption-min-color: 215, 153, 33; + --caption-max-color: 69, 133, 136; + --caption-close-color: 177, 98, 134; +} + +/* MIN MAX CLOSE Remove */ +#TabsToolbar > .titlebar-buttonbox-container { + visibility: collapse !important;} + +/*============= Basic Settings =================*/ +:root { + --navbarWidth : 40vw; + --animationSpeed : 0.5s; +} + +#TabsToolbar { + margin-left : var(--navbarWidth) !important; +} + +#nav-bar { + margin-right: calc(100vw - var(--navbarWidth)) !important; +} + +#urlbar-container { + min-width : 0px !important; +} + +:root[uidensity="compact"] #nav-bar { + margin-top : -37px !important; + height : 37px !important; +} + +:root:not([uidensity="compact"]):not([uidensity="touch"]) #nav-bar { + margin-top : -44px !important; + height : 44px !important; +} + +:root[uidensity="touch"] #nav-bar { + margin-top : -49px !important; + height : 49px !important; +} + +#back-button[disabled="true"] { display: none !important } +#forward-button[disabled="true"] { display: none !important } +#identity-box { display: none !important } +#tracking-protection-icon-container { display: none !important } + + +/* ============== Simplifying interface ============== */ + +#nav-bar { + background : none !important; + box-shadow : none !important; +} + +#navigator-toolbox { + border : none !important; +} + +.titlebar-spacer { + display : none !important; +} + +#urlbar-background { + border : none !important; +} + +#urlbar:not(:hover):not([breakout][breakout-extend]) > #urlbar-background { + box-shadow : none !important; + background : none !important; +} + + +/* =============== Element Hiding stuff ============== */ + +.urlbar-icon, #userContext-indicator, #userContext-label { + fill : transparent !important; + background : transparent !important; + color : transparent !important; +} + +#urlbar:hover .urlbar-icon, +#urlbar:active .urlbar-icon, +#urlbar[focused] .urlbar-icon { + fill : var(--toolbar-color) !important; +} + +/*================== TABS BAR ==================*/ + +#titlebar #TabsToolbar { + background: rgba(var(--dark-color), 1) !important; +} + +#PersonalToolbar { + background: rgba(var(--dark-color), 1) !important; + color: rgba(var(--light-color), 1) !important; + padding-bottom: 6px !important; + padding-top: 1px !important; +} + +toolbar#nav-bar { + background: rgba(var(--dark-color), 1) !important; + box-shadow: none !important; + padding-bottom: 4px !important; +} + +/*================ DARK THEME ================*/ +:root:-moz-lwtheme-brighttext, +.sidebar-panel[lwt-sidebar-brighttext], +body[lwt-sidebar-brighttext] { + --main-bgcolor: var(--dark-color); + --transparent-bgcolor: var(--dark-color); +} + +tab[selected="true"] .tab-content { + color: rgba(var(--secondary-accent-color), 1) !important; +} + +tab[selected="true"] .tab-background { + background: rgba(var(--accent-color), 1) !important; +} +.tabbrowser-tab>.tab-stack>.tab-background:not([selected="true"]) { + transition: all 0.3s ease !important; +} + +.tabbrowser-tab:hover>.tab-stack>.tab-background:not([selected="true"]) { + background-color: rgba(var(--transparent-bgcolor), 0.7) !important; +} + +.tab-line { + height: 0px !important; +} + +.tabbrowser-tab { + margin-right: 5px !important; +} + +.tabbrowser-tab:not([visuallyselected="true"]), +.tabbrowser-tab:-moz-lwtheme { + color: rgba(var(--second-tab-text-color), 1) !important; +} + +tab[selected="true"] .tab-content { + color: rgba(var(--tab-text-color), 1) !important; +} + +tab[selected="true"] .tab-background { + background: rgba(var(--accent-color), 1) !important; +} + +.tabbrowser-tab::after, +.tabbrowser-tab::before { + border-left: 0 !important; + opacity: 0 !important; +} + +.tab-close-button { + transition: all 0.3s ease !important; + border-radius: 4px !important; +} + +.tabbrowser-tab .tab-label { color: var(--uc-inverted-colour) !important; } +.tab-close-button { fill: var(--uc-inverted-colour) !important } + +/*================ Auto Hide Top Bar ================*/ +* +: *root{ + --uc-autohide-toolbox-delay: 200ms; + --uc-toolbox-rotation: 65deg; +} + +:root[sizemode="maximized"]{ + --uc-toolbox-rotation: 63deg; +} + +@media (-moz-os-version: windows-win10){ + + :root[tabsintitlebar][sizemode="maximized"]:not([inDOMFullscreen]) > body > box{ margin-top: 9px !important; } + :root[tabsintitlebar][sizemode="maximized"] #navigator-toolbox{ margin-top: -1px } + + @media screen and (min-resolution: 1.25dppx){ + :root[tabsintitlebar][sizemode="maximized"]:not([inDOMFullscreen]) > body > box{ margin-top: 8px !important; } + } + @media screen and (min-resolution: 1.5dppx){ + :root[tabsintitlebar][sizemode="maximized"]:not([inDOMFullscreen]) > body > box{ margin-top: 8px !important; } + } + @media screen and (min-resolution: 2dppx){ + :root[tabsintitlebar][sizemode="maximized"]:not([inDOMFullscreen]) > body > box{ margin-top: 7px !important; } + } + #navigator-toolbox:not(:-moz-lwtheme){ background-color: rgb(32, 35, 64) !important; } +} + +:root[sizemode="fullscreen"]{ margin-top: 0px !important; } + +#navigator-toolbox { +position: fixed !important; +display: block; +background-color: var(--lwt-accent-color,black) !important; +transition: transform 82ms linear, opacity 82ms linear !important; +transition-delay: var(--uc-autohide-toolbox-delay) !important; +transform-origin: top; +transform: rotateX(var(--uc-toolbox-rotation)); +opacity: 0; +line-height: 0; +z-index: 1; +pointer-events: none; +} + +#mainPopupSet:hover ~ box > toolbox, +#navigator-toolbox:hover, +#navigator-toolbox:focus-within{ +transition-delay: 33ms !important; +transform: rotateX(0); +opacity: 1; +} + +#navigator-toolbox > *{ line-height: normal; pointer-events: auto } +#navigator-toolbox, +#navigator-toolbox > *{ +width: 100vw; +-moz-appearance: none !important; +} + +/*================== Nav Bar Width =============== */ +#nav-bar{ width: var(--uc-navigationbar-width,100vw) } +#TabsToolbar{ width: calc(100vw - var(--uc-navigationbar-width,0px)) } + + +:root:not([sessionrestored]) #navigator-toolbox{ transform:none !important } +:root[customizing] #navigator-toolbox{ + position: relative !important; + transform: none !important; + opacity: 1 !important; +} + +#navigator-toolbox[inFullscreen] > #PersonalToolbar, +#PersonalToolbar[collapsed="true"]{ display: none } + + +#TabsToolbar +{ + visibility: collapse; +} + +/* Füge diese Klasse in userChrome.css hinzu */ +.hidden-toolbars #navigator-toolbox, +.hidden-toolbars #TabsToolbar, +.hidden-toolbars #PersonalToolbar { + opacity: 0 !important; + pointer-events: none !important; + transition: opacity 0.5s ease !important; +} + diff --git a/chrome/userChrome.js b/chrome/userChrome.js new file mode 100644 index 0000000..659f9f5 --- /dev/null +++ b/chrome/userChrome.js @@ -0,0 +1,5 @@ +document.addEventListener('keydown', function(event) { + if (event.ctrlKey && event.shiftKey && event.key === 'V') { + document.documentElement.classList.toggle('hidden-toolbars'); + } +}); diff --git a/chrome/userContent.css b/chrome/userContent.css new file mode 100644 index 0000000..8097720 --- /dev/null +++ b/chrome/userContent.css @@ -0,0 +1,52 @@ +/* ------------------- Firefox Background Image -------------------*/ + +@-moz-document url("about:home"), url("about:blank") { + body { + background: #f9a url("/home/artix/.mozilla/firefox/3qd5xcv8.default-release/chrome/img/unifox.jpg") no-repeat center center fixed !important; + background-size: cover !important; + } + .logo { + display: inline-block; + height: 82px; + width: 82px; + background: url("/home/artix/.mozilla/firefox/3qd5xcv8.default-release/chrome/img/unifox.png") no-repeat center center; + background-size: auto; + background-size: 82px; + } + + .wordmark { + background: url("/home/artix/.mozilla/firefox/3qd5xcv8.default-release/chrome/img/unifox-wordmark.svg") no-repeat center center; + background-size: contain; + -moz-context-properties: fill; + display: inline-block; + fill: light-dark(#20123A, #fbfbfe); + height: 82px; + margin-inline-start: 16px; + width: 134px; + } + } + +@-moz-document url("about:newtab"), url("about:privatebrowsing") { + .click-target-container *, .top-sites-list * { + text-shadow: 2px 2px 2px #222 !important; + } + body::before { + content: ""; + z-index: -1; + position: fixed; + top: 0; + left: 0; + background: #f9a no-repeat url("/home/artix/.mozilla/firefox/3qd5xcv8.default-release/chrome/img/unifox.jpg") center; + background-size: cover; + width: 100vw; + height: 100vh; + } +} + +/* ------------------- Firefox Global Styling ------------------- */ + + + + + + |