From 827839b82f187e8d37c25f7dddb151ca66a57d06 Mon Sep 17 00:00:00 2001 From: 0scar Date: Sun, 7 Aug 2022 15:51:33 +0200 Subject: Add userchrome --- chrome/userChrome.css | 253 +++++++++++++++++++++++++++++++++++++++++++++++++ chrome/userContent.css | 95 +++++++++++++++++++ 2 files changed, 348 insertions(+) create mode 100644 chrome/userChrome.css create mode 100644 chrome/userContent.css (limited to 'chrome') 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;*/ +} diff --git a/chrome/userContent.css b/chrome/userContent.css new file mode 100644 index 0000000..eaa8ddf --- /dev/null +++ b/chrome/userContent.css @@ -0,0 +1,95 @@ +/*@import url("https://fonts.googleapis.com/css2?family=Roboto:wght@500&display=swap");*/ +@namespace url("http://www.w3.org/1999/xhtml"); + +:root { + scrollbar-color: #162026 #061115; +} + +* { + scrollbar-width: medium; +} + +@-moz-document url("about:sessionrestore") { + /* + * { + font-family: "Roboto", sans-serif !important; + }*/ + + body { + background-color: #061115 !important; + } + + #tabsToggle { + display: none; + } + + html|button:enabled:hover, + html|select:not([size], [multiple]):enabled:hover, + html|input[type="color"]:hover, + xul|button:not([disabled="true"]):hover, + xul|menulist:not([disabled="true"]):hover { + border-color: #000a0e !important; + background-color: #0d181c !important; + } + + html|button[autofocus], + html|button[type="submit"], + xul|button[default], + button.primary { + border-color: #000a0e !important; + background-color: #6791c9 !important; + } +} + +@-moz-document url("about:newtab"), url("about:home") { + /* + * { + font-family: "Roboto", sans-serif !important; + } + */ + + body { + background-color: #061115 !important; + } + + .SnippetBaseContainer { + display: none !important; + } + + .search-handoff-button { + border-radius: 12px !important; + border-width: 2px !important; + border-color: #000a0e !important; + background-size: 0px !important; + background-color: #0d181c !important; + padding-inline-start: 10px !important; + padding-inline-end: 10px !important; + } + + .icon-settings { + display: none !important; + } + + .fake-textbox { + text-align: center !important; + } + + .search-wrapper input { + background-color: #0d181c !important; + border-radius: 0px !important; + background-image: none !important; + background-size: none !important; + text-align: center !important; + font-size: 17px !important; + padding-inline-start: 10px !important; + padding-inline-end: 10px !important; + } + + .search-wrapper input:focus { + text-align: left !important; + } + + .body-wrapper { + display: none !important; + } +} -- cgit v1.3