Add userchrome

1 files changed, 253 insertions, 0 deletions

diff --git a/chrome/userChrome.css b/chrome/userChrome.css
new file mode 100644
index 0000000..de4a23a
--- /dev/null
+++ b/chrome/userChrome.css
@@ -0,0 +1,253 @@
+:root {
+  --bg:     #080808;
+  --fg:     #b2b2b2;
+  --sel-bg: #323437;
+  --sel-fg: #e4e4e4;
+  --cursor: #e3c78a;
+  /*
+  scrollbar-color: #ffff00 #00ffff !important;
+  scrollbar-width: thick !important;
+  */
+}
+
+* {
+  font-family: "Dejavu", sans-serif !important;
+  font-weight: 500 !important;
+  font-size: 12pt !important;
+  --arrowpanel-background: #061115 !important;
+  --arrowpanel-border-color: #000a0e !important;
+  --autocomplete-popup-highlight-background: #000a0e !important;
+
+  --button-hover-bgcolor:         var(--sel-fg) !important;
+  --button-primary-hover-bgcolor: var(--sel-fg) !important;
+
+  --in-content-border-hover:            var(--sel-fg) !important;
+  --in-content-button-background-hover: var(--sel-bg) !important;
+  --in-content-item-hover:              var(--sel-fg) !important;
+
+  --toolbarbutton-active-background: #061115 !important;
+}
+
+/*
+::-webkit-scrollbar,
+::-webkit-scrollbar-corner,
+*/
+::-webkit-scrollbar-thumb {
+  background-color: var(--fg) !important;
+}
+
+.toolbar {
+  background-color: var(--bg) !important;
+}
+
+window,
+#main-window,
+#toolbar-menubar,
+#TabsToolbar,
+#PersonalToolbar,
+#navigator-toolbox,
+#sidebar-box {
+  background-color: var(--bg) !important;
+  -moz-appearance: none !important;
+  background-image: none !important;
+  border: none !important;
+}
+
+.tabbrowser-tab {
+  color: #f00;
+}
+
+.tab-background {
+  background-color: var(--bg) !important;
+  border-color: none !important;
+  margin-block: 0px !important;
+}
+
+.tab-background[selected="true"] {
+  background-color: var(--sel-bg) !important;
+  color: var(--sel-fg) !important;
+  -moz-appearance: none !important;
+  background-image: none !important;
+  border: none !important;
+}
+
+.tabbrowser-tab:hover .tab-background {
+  background-color: #0d181c !important;
+}
+
+.tabbrowser-tab[fadein] {
+  max-width: 18pc !important;
+}
+
+#urlbar {
+  background-color: #061115 !important;
+}
+
+
+#nav-bar {
+  background-color: var(--bg) !important;
+  -moz-appearance: none !important;
+  background-image: none !important;
+  border: none !important;
+  transition: margin 0.5s !important;
+}
+
+#TabsToolbar {
+  z-index: 1000 !important;
+}
+
+.tabbrowser-tab {
+  height: 28pt !important;
+  padding: 2pt 2pt 0pt 2pt!important;
+  padding-inline: 2pt !important;
+}
+
+.tab-line {
+  display: none !important;
+}
+
+.tab-icon-image:not([pinned]) {
+  display: none !important;
+}
+
+.tab-label {
+  -moz-box-flex: 1 !important;
+  text-align: left !important;
+  margin: 3pt !important;
+}
+
+.tab-icon-image[pinned] {
+  text-align: center !important;
+}
+
+.tab-secondary-label {
+  display: none !important;
+}
+
+.tabbrowser-tab .tab-label-container {
+  margin-inline-end: 3pt !important;
+}
+
+.tab-label-container {
+  -moz-box-pack: center !important;
+  -moz-box-orient: horizontal !important;
+}
+
+#tabbrowser-tabs {
+  -moz-box-flex: 1 !important;
+  text-align: center !important;
+}
+
+#tabs-newtab-button {
+  display: none !important;
+}
+
+.tabbrowser-tab::before,
+.tabbrowser-tab::after {
+  display: none !important;
+}
+
+.tab-close-button {
+  display: none !important;
+  border-radius: 8px !important;
+}
+
+/*
+#identity-box,
+#tracking-protection-icon-container {
+  display: none !important;
+}
+*/
+
+#back-button > .toolbarbutton-icon {
+  transform: scale(0.85, 0.85) !important;
+  animation: none !important;
+  border: none !important;
+  box-shadow: none !important;
+}
+
+#back-button:not(:hover),
+#back-button:not(:hover) > .toolbarbutton-icon {
+  background: none !important;
+}
+
+#back-button:hover,
+#back-button:hover > .toolbarbutton-icon {
+  border-radius: 3pt !important;
+}
+
+#back-button {
+  list-style-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAQAAAC1+jfqAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAAmJLR0QAAKqNIzIAAAAJcEhZcwAADdcAAA3XAUIom3gAAAAHdElNRQfiAxMSNzVLQoGBAAAAb0lEQVQoz43ROQqDUBSF4UMEESKCBBehOODK7ezSWZnGJmuI4xp+66CX9077FXc40k1o+fCSFRoOOgKLa3Z6QosrNt5EFpesDDwtLlgYSSzOmZlILY758SW7ykO+cYzwWNLjTI9HSc5XS86ypP+6Tw/fVEqhFbEZAAAAJXRFWHRkYXRlOmNyZWF0ZQAyMDE4LTAzLTE5VDE4OjU1OjUzKzAxOjAwq3ccegAAACV0RVh0ZGF0ZTptb2RpZnkAMjAxOC0wMy0xOVQxODo1NTo1MyswMTowMNoqpMYAAAAZdEVYdFNvZnR3YXJlAHd3dy5pbmtzY2FwZS5vcmeb7jwaAAAAAElFTkSuQmCC") !important;
+  display:none;
+}
+
+#forward-button {
+  list-style-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAQAAAC1+jfqAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAAmJLR0QAAKqNIzIAAAAJcEhZcwAADdcAAA3XAUIom3gAAAAHdElNRQfiAxMSOA3k2CXQAAAAbklEQVQoz5WRMQqDABAEF4UgKEIIPkKJii+3s7NLpY1N3qBR84axsPYOt1sYuNtdSZLEi5FG1yKk5U9tIQ86dioLiejZKC0k5sPK20JSBn4UFvJkYiG3kIwvM8npAt2Vc8J50onpFOVU7Y51PfcBtUFUSir+geUAAAAldEVYdGRhdGU6Y3JlYXRlADIwMTgtMDMtMTlUMTg6NTY6MTMrMDE6MDDECqmDAAAAJXRFWHRkYXRlOm1vZGlmeQAyMDE4LTAzLTE5VDE4OjU2OjEzKzAxOjAwtVcRPwAAABl0RVh0U29mdHdhcmUAd3d3Lmlua3NjYXBlLm9yZ5vuPBoAAAAASUVORK5CYII=") !important;
+  display:none;
+}
+
+#whats-new-menu-button,
+#star-button,
+#pocket-button,
+#save-to-pocket-button #pageActionSeparator,
+#pageActionButton,
+#reader-mode-button {
+  display: none !important;
+}
+
+#save-to-pocket-button {
+  visibility: hidden !important;
+}
+
+#PanelUI-button {
+  border-image-slice: 0 !important;
+}
+
+#urlbar-input {
+  background-color: transparent !important;
+  padding: 2pt !important;
+}
+#urlbar-input[focused=true] {
+	border-width: 5px !important;
+}
+
+#urlbar-results {
+  background-color: var(--sel-bg) !important;
+  border-radius: 4pt !important;
+}
+
+.urlbarView-body-inner {
+  border-top: none !important;
+}
+
+#nav-bar {
+  border-bottom: 0px !important;
+  box-shadow: none !important;
+}
+
+#urlbar ::-moz-selection,
+.searchbar-textbox ::-moz-selection {
+  background-color: var(--sel-bg) !important;
+  color: var(--sel-fg) !important;
+}
+
+#tabbrowser-tabpanels {
+  background-color: var(--bg) !important;
+}
+
+urlbar > #urlbar-background {
+  background-color: #f00 !important;
+}
+
+
+#urlbar[focused="true"] {
+  padding-color: red !important;
+  /*box-shadow: inset 0 0 2pt #ff0 !important;*/
+}
+#urlbar:active {
+	/*border-width: 5px !important;*/
+}
+#urlbar:hover {
+ color: var(--cursor) !important;
+ /*border: 2pt solid #ff0 !important;*/
+}