Init

userChrome.css

@@ -0,0 +1,50 @@
+/* ### ###    PhotonUI Sharp Tabs, Non floating    ### ### */
+@import "non_floating_sharp_tabs.css";
+@import "inline_tab_audio_icons.css";
+@import "photon_tab_separators.css";
+/*@import "tab_separator_lines.css";*/
+
+/* Enable urlbar border when focused */
+
+#urlbar:focus-within > #urlbar-background {
+    border-color: -moz-accent-color !important;
+    border-width: 1px !important;
+    border-radius:2px !important;
+}
+
+#tabbrowser-tabs[haspinnedtabs]:not([positionpinnedtabs]) > #tabbrowser-arrowscrollbox > .tabbrowser-tab[first-visible-unpinned-tab] {
+  /* Disable gap between the last pinned tab and the first visible tab */
+  margin-inline-start: 0 !important;
+}
+
+/* Disable tab label mask on hover */
+.tabbrowser-tab[visuallyselected=true]:hover,
+#tabbrowser-tabs:not([closebuttons=activetab]) > #tabbrowser-arrowscrollbox > .tabbrowser-tab:not([visuallyselected=true]):hover {
+  --tab-label-mask-size: 0 !important;
+}
+
+/* Add a gradient mask for the tab title */
+.tab-label-container {
+mask-image: linear-gradient(to left, transparent, black 2em) !important;
+}
+
+/* Hovering on "Close tab" button won't change the gradient mask width for tab title */
+.tabbrowser-tab:not(:hover) > .tab-stack > .tab-content > .tab-close-button {
+padding-inline-start: inherit !important;
+width: auto !important;
+}
+
+/* Disable tab label mask
+ * Proton default value = 2em
+ * This is a tweak. Photo does contain this mask.
+ */
+.tabbrowser-tab {
+  --tab-label-mask-size: 0 !important;
+}
+
+:root {
+  --tab-min-height: 35px !important;
+  --tabs-border-color: rgba(0,0,0,.3);
+  --tabs-navbar-shadow-size: 1px;
+  --toolbarbutton-border-radius: 2px !important;
+}