update

5 files changed, 324 insertions, 1 deletions

diff --git a/chrome b/chrome
deleted file mode 120000
index 3bd289b..0000000
--- a/chrome
+++ /dev/null
@@ -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
new 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  ------------------- */
+
+
+
+
+
+