commit 9d900309e3153161838c009d894118046dd52542
Author: Yusuf İpek <yusufipek@protonmail.com>
Date:   Mon Mar 10 17:14:50 2025 +0300

    Create userChrome.css

diff --git a/userChrome.css b/userChrome.css
new file mode 100644
index 0000000..52362b7
--- /dev/null
+++ b/userChrome.css
@@ -0,0 +1,135 @@
+/* Hide the native top tab bar */
+#TabsToolbar {
+visibility: collapse;
+}
+
+/* Hide the sidebar header */
+#sidebar-box #sidebar-header {
+display: none !important;
+}
+
+
+/* Source file https://github.com/MrOtherGuy/firefox-csshacks/tree/master/chrome/autohide_sidebar.css made available under Mozilla Public License v. 2.0
+ *See the above repository for updates as well as full license text. */
+
+/* Show sidebar only when the cursor is over it  */
+/* The border controlling sidebar width will be removed so you'll need to modify these values to change width */
+
+#sidebar-box{
+--uc-sidebar-width: 35px;
+--uc-sidebar-hover-width: 210px;
+--uc-autohide-sidebar-delay: 50ms; /* Wait 0.6s before hiding sidebar */
+--uc-autohide-transition-duration: 115ms;
+--uc-autohide-transition-type: linear;
+--browser-area-z-index-sidebar: 3;
+position: relative;
+min-width: var(--uc-sidebar-width) !important;
+width: var(--uc-sidebar-width) !important;
+max-width: var(--uc-sidebar-width) !important;
+z-index: var(--browser-area-z-index-sidebar,3);
+}
+#sidebar-box[positionend]{ direction: rtl }
+#sidebar-box[positionend] > *{ direction: ltr }
+
+#sidebar-box[positionend]:-moz-locale-dir(rtl){ direction: ltr }
+#sidebar-box[positionend]:-moz-locale-dir(rtl) > *{ direction: rtl }
+
+#main-window[sizemode="fullscreen"] #sidebar-box{ --uc-sidebar-width: 1px; }
+
+#sidebar-splitter{ display: none }
+
+#sidebar-header{
+overflow: hidden;
+color: var(--chrome-color, inherit) !important;
+padding-inline: 0 !important;
+}
+
+#sidebar-header::before,
+#sidebar-header::after{
+content: "";
+display: flex;
+padding-left: 8px;
+}
+
+#sidebar-header,
+#sidebar{
+transition: min-width var(--uc-autohide-transition-duration) var(--uc-autohide-transition-type) var(--uc-autohide-sidebar-delay) !important;
+min-width: var(--uc-sidebar-width) !important;
+will-change: min-width;
+}
+#sidebar-box:hover > #sidebar-header,
+#sidebar-box:hover > #sidebar{
+min-width: var(--uc-sidebar-hover-width) !important;
+transition-delay: 0ms !important;
+}
+
+.sidebar-panel{
+    background-color: transparent !important;
+    color: var(--newtab-text-primary-color) !important;
+}
+
+.sidebar-panel #search-box{
+    -moz-appearance: none !important;
+    background-color: rgba(249,249,250,0.1) !important;
+    color: inherit !important;
+}
+
+/* Add sidebar divider and give it background */
+
+#sidebar,
+#sidebar-header{
+background-color: inherit !important;
+border-inline: 1px solid rgb(80,80,80);
+border-inline-width: 0px 1px;
+}
+
+#sidebar-box:not([positionend]) > :-moz-locale-dir(rtl),
+#sidebar-box[positionend] > *{
+border-inline-width: 1px 0px;
+}
+
+/* Move statuspanel to the other side when sidebar is hovered so it doesn't get covered by sidebar */
+
+#sidebar-box:not([positionend]):hover ~ #appcontent #statuspanel{
+inset-inline: auto 0px !important;
+}
+#sidebar-box:not([positionend]):hover ~ #appcontent #statuspanel-label{
+margin-inline: 0px !important;
+border-left-style: solid !important;
+}
+
+
+/* Source file https://github.com/MrOtherGuy/firefox-csshacks/tree/master/chrome/urlbar_centered_text.css made available under Mozilla Public License v. 2.0
+ S ee the above repository for updates as well as full license text. */ *
+
+ #urlbar:not([focused]) #urlbar-input, /* ID for Firefox 70 */
+ #urlbar:not([focused]) .urlbar-input{ text-align: center !important; }
+
+
+ /* Source file https://github.com/MrOtherGuy/firefox-csshacks/tree/master/chrome/compact_extensions_panel.css made available under Mozilla Public License v. 2.0
+  *See the above repository for updates as well as full license text. */
+
+ /* This style hides some information from the extensions-button panel, but makes it appear more compact. Might be useful for someone having lot of extensions */
+
+ #unified-extensions-view{
+ --uei-icon-size: 16px;
+ }
+ .unified-extensions-item-menu-button.subviewbutton{
+     padding: 0px !important;
+     margin-inline-end: 0 !important;
+ }
+ .unified-extensions-item-action-button.subviewbutton{
+     padding-block: 6px !important;
+ }
+ .unified-extensions-item-menu-button.subviewbutton > .toolbarbutton-icon{
+     padding: 4px !important;
+ }
+ .unified-extensions-item-message-deck{
+     display: none
+ }
+ #unified-extensions-view > vbox > vbox > .unified-extensions-item{
+ padding-block: 0px !important;
+ }
+ #unified-extensions-panel .unified-extensions-item{
+ margin-block: 0 !important;
+ }