From e59d9a46891e742faba90aaddb15c3c139c5fb6d Mon Sep 17 00:00:00 2001 From: alstjr7375 Date: Mon, 13 Sep 2021 15:48:19 +0900 Subject: [PATCH 01/91] Add: namespace at userContents --- userContent.css | 2 ++ 1 file changed, 2 insertions(+) diff --git a/userContent.css b/userContent.css index c3bfa2b..c3f160d 100644 --- a/userContent.css +++ b/userContent.css @@ -1,3 +1,5 @@ +@namespace url(http://www.w3.org/1999/xhtml); + @media (-moz-proton) { @-moz-document url("about:home"), url("about:newtab") { /** Activity Stream - Search Focus Border: like URL ***********************/ From 3c06337ffda9e91186c399f8afac527cb950ba17 Mon Sep 17 00:00:00 2001 From: alstjr7375 Date: Mon, 13 Sep 2021 16:35:36 +0900 Subject: [PATCH 02/91] Add: View Source - Dark Mode --- userContent.css | 70 +++++++++++++++++++++++++++++++++++++++++++++++++ 1 file changed, 70 insertions(+) diff --git a/userContent.css b/userContent.css index c3f160d..abb8869 100644 --- a/userContent.css +++ b/userContent.css @@ -1059,6 +1059,76 @@ } } + /*= View Source ============================================================*/ + @-moz-document url-prefix(view-source) { + :root { + /* Basic */ + background-color: var(--in-content-page-background) !important; /* Original: white */ + color: var(--in-content-page-color) !important; /* Original: black */ + + /* Colors */ + --view-source-green: var(--green-80); + --view-source-purple: #800080; /* Like alphenglow */ + } + @media (-moz-toolbar-prefers-color-scheme: dark) { + :root { + --view-source-green: var(--green-60); + --view-source-purple: #c68aff; + } + } + + pre[id]::before, + span[id]::before { + color: color-mix( + in srgb, + var(--in-content-page-color) 70%, + var(--in-content-page-background) + ) !important; /* Original: #ccc */ + } + .highlight .start-tag, + .highlight .end-tag { + color: var(--view-source-purple) !important; /* Original: purple */ + } + .highlight .comment { + color: var(--view-source-green) !important; /* Original: green */ + } + .highlight .cdata { + color: var(--in-content-border-invalid) !important; /* Original: #CC0066 */ + } + .highlight .doctype { + color: #4682b4 !important; /* Original: steelblue */ + } + .highlight .pi { + color: orchid !important; /* Original: orchid */ + } + .highlight .entity { + color: #ff4500 !important; /* Original: #FF4500 */ + } + .highlight .attribute-name { + color: var(--view-source-green) !important; /* Original: black */ + } + .highlight .attribute-value { + color: var(--in-content-link-color) !important; /* Original: blue */ + } + .highlight .markupdeclaration { + color: #4682b4 !important; /* Original: steelblue */ + } + .highlight .error, + .highlight + .error + > :-moz-any(.start-tag, .end-tag, .comment, .cdata, .doctype, .pi, .entity, .attribute-name, .attribute-value) { + color: var(--in-content-error-text-color) !important; /* Original: red */ + } + } + + @-moz-document url-prefix(https://raw.githubusercontent.com) + { + html { + background: var(--in-content-page-background) !important; + color: var(--in-content-page-color) !important; + } + } + /*= Directory View =========================================================*/ @-moz-document url-prefix("about:sync-log"), regexp("^((file:\/\/\/)|(chrome:\/\/)).*\/$") { From 8857e263ab862f109b660ad104410afab33a66e6 Mon Sep 17 00:00:00 2001 From: alstjr7375 Date: Tue, 14 Sep 2021 10:19:24 +0900 Subject: [PATCH 03/91] Add: error-tab-crashed illurstration https://github.com/FirefoxUX/photon/blob/master/jekyll/images/illustration/illustration-usage-1.svg --- icons/error-tab-crashed.svg | 64 +++++++++++++++++++++++++++++++++++++ 1 file changed, 64 insertions(+) create mode 100644 icons/error-tab-crashed.svg diff --git a/icons/error-tab-crashed.svg b/icons/error-tab-crashed.svg new file mode 100644 index 0000000..9c7ac2d --- /dev/null +++ b/icons/error-tab-crashed.svg @@ -0,0 +1,64 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + From cb5e11a61c8f37f10778e87a204621d69e70a302 Mon Sep 17 00:00:00 2001 From: alstjr7375 Date: Tue, 14 Sep 2021 14:45:22 +0900 Subject: [PATCH 04/91] Add: uuids.sh get from https://github.com/overdodactyl/ShadowFox/blob/master/scripts/uuids.sh --- uuids.sh | 70 ++++++++++++++++++++++++++++++++++++++++++++++++++++++++ 1 file changed, 70 insertions(+) create mode 100644 uuids.sh diff --git a/uuids.sh b/uuids.sh new file mode 100644 index 0000000..d016396 --- /dev/null +++ b/uuids.sh @@ -0,0 +1,70 @@ +#!/bin/bash + +## Mac +## arg1 - required: +## add: add UUIDs found in internal_UUID.txt to corresponding .css files +## remove: add UUIDs found in internal_UUID.txt to corresponding .css files +## arg2 - optional: +## nogen: don't generate internal_UUIDs.txt before adding/removing +## designed for users using userContent_imports.css +## entries in internal_UUIDs.txt should take on the following format: webextension_id=internal_UUID +## author: @overdodactyl +## version: 1.0 + +# Original: "scripts/internal_UUIDs.txt" +UUID_FILE="internal_UUIDs.txt" + +method=$1 +uuid_finder=${2:-gen} + +# Determine whether UUIDs will be inserted or removed +if [ $method = "add" ]; then + var1=0 + var2=1 + var3="inserted" +elif [ $method = "remove" ]; then + var1=1 + var2=0 + var3="removed" +else + echo "must pass argument add or remove" + exit 1 +fi + +currdir=$(pwd) +sfp=$(readlink -f "${BASH_SOURCE[0]}" 2>/dev/null || greadlink -f "${BASH_SOURCE[0]}" 2>/dev/null) +if [ -z "$sfp" ]; then sfp=${BASH_SOURCE[0]}; fi +cd "$(dirname "${sfp}")" && cd .. + +if [ $uuid_finder != "nogen" ]; then + ## Generate internal_UUIDs.txt + touch "${UUID_FILE}" + + ## Get installed extesnsions from prefs.js + line=$(sed -n -e 's/^user_pref("extensions.webextensions.uuids", "{\(.*\).*}");/\1/p' ./../prefs.js) + + ## Clear internal_UUIDS.txt + > "${UUID_FILE}" + + ## Write to internal_UUIDs + IFS=',' read -ra EXTS <<< "$line" + for i in "${EXTS[@]}"; do + id=$(echo $i | sed -n 's/.*"\(.*\)\\":.*/\1/p') + uuid=$(echo $i | sed -n 's/.*"\(.*\)\\".*/\1/p') + echo "$id=$uuid" >> "${UUID_FILE}" + done + echo "${UUID_FILE} was created" +fi + + +## Insert/remove any UUIDs defined in internal_UUIDs.txt into userContent.css +while IFS='' read -r line || [[ -n "$line" ]]; do + IFS='=' read -r -a array <<< "$line" + webextension_name=${array[0]%_UUID} + for filename in css/userContent-files/webextension-tweaks/*.css; do + sed -i '' "s/${array[$var1]}/${array[$var2]}/" "${filename}" + ##echo ${filename} + done + sed -i '' "s/${array[$var1]}/${array[$var2]}/" "userContent.css" +done < "scripts/internal_UUIDs.txt" +echo "UUIDs were ${var3}" From 9b183995ea027fbfcb57af86d98f69c70f8c430f Mon Sep 17 00:00:00 2001 From: BlaCk_Void Date: Tue, 21 Sep 2021 22:50:59 +0900 Subject: [PATCH 05/91] Add: PopupAutoComplete - Fully Theme Mode --- userChrome.css | 38 ++++++++++++++++++++++++++++++++++++++ 1 file changed, 38 insertions(+) diff --git a/userChrome.css b/userChrome.css index 66fe651..fedc0a3 100644 --- a/userChrome.css +++ b/userChrome.css @@ -430,6 +430,44 @@ } } + /*= PopupAutoComplete ======================================================*/ + #PopupAutoComplete { + --panel-border-radius: 4px; /* Original: 0 */ + --panel-border-color: var(--arrowpanel-border-color, var(--menu-border-color)); /* Original: ThreeDShadow */ + } + + #PopupAutoComplete > richlistbox { + border-radius: var(--panel-border-radius) !important; + background-color: var( + --arrowpanel-background, + var(--in-content-button-background) + ) !important; /* Original: Field */ + color: var(--arrowpanel-color, var(--in-content-page-color)) !important; /* Original: FiledText */ + } + + #PopupAutoComplete > richlistbox > richlistitem[originaltype="generatedPassword"] > .two-line-wrapper > .ac-site-icon, + #PopupAutoComplete > richlistbox > richlistitem[originaltype="loginWithOrigin"] > .two-line-wrapper > .ac-site-icon, + #PopupAutoComplete > richlistbox > richlistitem[originaltype="login"] > .ac-site-icon { + fill: GrayText !important; + } + + #PopupAutoComplete > richlistbox > richlistitem[originaltype="loginsFooter"] { + color: var(--arrowpanel-color, var(--in-content-page-color)) !important; /* Original: FieldText */ + background-color: var(--arrowpanel-dimmed, hsla(0, 0%, 80%, 0.35)) !important; /* Original: hsla(0,0%,80%,.35) */ + border-color: var( + --arrowpanel-border-color, + var(--menu-border-color) + ) !important; /* Original: rgba(38,38,38,.15) */ + } + + #PopupAutoComplete > richlistbox > richlistitem[originaltype="loginsFooter"]:hover, + #PopupAutoComplete > richlistbox > richlistitem[originaltype="loginsFooter"][selected] { + background-color: var( + --arrowpanel-dimmed-further, + hsla(0, 0%, 80%, 0.5) + ) !important; /* Original: hsla(0,0%,80%,.5), match arrowpanel-dimmed-further */ + } + /* Fully Dark Mode **********************************************************/ /*= Remove White Flash =====================================================*/ #tabbrowser-tabbox, From db7f7fbb57f0236ba9b472bf13e48ac58463706f Mon Sep 17 00:00:00 2001 From: BlaCk_Void Date: Thu, 23 Sep 2021 20:17:07 +0900 Subject: [PATCH 06/91] Add: System Default Theme - Win10 light --- userChrome.css | 181 +++++++++++++++++++++++++++++++++++++++++++++++++ 1 file changed, 181 insertions(+) diff --git a/userChrome.css b/userChrome.css index fedc0a3..e1a4960 100644 --- a/userChrome.css +++ b/userChrome.css @@ -172,6 +172,187 @@ } } + /*= Windows10 - UWP like color =============================================*/ + @media (-moz-os-version: windows-win10) { + :root:not(:-moz-lwtheme) { + --win-text-color: rgba(0, 0, 0); + --win-bgcolor: rgb(204, 204, 204); + --win-disabled-color: rgb(145, 145, 145); /* also button-active-color */ + --win-disabled-bgcolor: transparent; + --win-hover-bgcolor: rgb(218, 218, 218); + --win-hover-active-bgcolor: #C2C2C2; /* also button-bgcolor */ + --win-field-bgcolor: #FFFFFF; + --win-component-bgcolor: #F2F2F2; + --win-sidebar-bgcolor: #E6E6E6; + --win-sidebar-hover-bgcolor: #CFCFCF; + --win-sidebar-border-color: #8A8A8A; + --win-sidebar-button-hover-bgcolor: #B8B8B8; + --win-sidebar-button-hover-active-bgcolor: #A3A3A3; + --win-button-border: #747474; + --win-button-hover-bgcolor: rgba(145, 145, 145, .66); + --win-shorcut-text-color: #757575; + --win-red-color: #B31616; + --win-accent-color: #005DBA; + --win-accent-hover-color: #4599DB; + --win-accent-active-color: #0078D7; + + /* Text, Icon Color */ + --menu-color: var(--win-text-color) !important; + --lwt-text-color: var(--win-text-color) !important; + --button-color: var(--win-text-color) !important; + --input-color: var(--win-text-color) !important; + --toolbar-color: var(--win-text-color) !important; + --toolbar-non-lwt-textcolor: var(--win-text-color) !important; + --toolbarbutton-icon-fill: var(--win-text-color) !important; + --toolbar-field-focus-color: var(--win-text-color) !important; + --urlbar-popup-action-color: var(--win-text-color) !important; + --toolbar-field-color: var(--win-text-color) !important; + --autocomplete-popup-highlight-color: var(--win-text-color) !important; + --tab-icon-overlay-fill: var(--win-text-color) !important; + --panel-banner-item-color: var(--win-text-color) !important; + --arrowpanel-color: var(--win-text-color) !important; + --autocomplete-popup-color: var(--win-text-color) !important; + + /* Text Disabled Color */ + --menu-disabled-color: var(--win-disabled-color) !important; + --button-active-bgcolor: var(--win-disabled-color) !important; + --checkbox-unchecked-active-bgcolor: var(--win-disabled-color) !important; + --panel-disabled-color: var(--win-disabled-color) !important; + --download-progress-paused-color: var(--win-disabled-color) !important; + + /* Text Shortcut Color */ + --panel-shortcut-color: var(--win-shorcut-text-color) !important; + --panel-description-color: var(--win-shorcut-text-color) !important; + + /* Title Background, Border Color */ + --menu-border-color: var(--win-bgcolor) !important; + --toolbar-field-border-color: var(--win-bgcolor) !important; + --arrowpanel-border-color: var(--win-bgcolor) !important; + --chrome-content-separator-color: var(--win-bgcolor) !important; + --toolbarseparator-color: var(--win-bgcolor) !important; + --panel-separator-color: var(--win-bgcolor) !important; + + /* Component Background Color */ + --menu-background-color: var(--win-component-bgcolor) !important; + --toolbar-bgcolor: var(--win-component-bgcolor) !important; + --toolbar-non-lwt-bgcolor: var(--win-component-bgcolor) !important; + --arrowpanel-background: var(--win-component-bgcolor) !important; + --autocomplete-popup-background: var(--win-component-bgcolor) !important; + + /* Field Backround Color */ + --input-bgcolor: var(--win-field-bgcolor) !important; + --toolbar-field-background-color: var(--win-field-bgcolor) !important; + --toolbar-field-focus-background-color: var(--win-field-bgcolor) !important; + --tab-icon-overlay-stroke: var(--win-field-bgcolor) !important; + --tab-selected-bgcolor: var(--win-field-bgcolor) !important; + --button-primary-color: var(--win-field-bgcolor) !important; + --checkbox-checked-color: var(--win-field-bgcolor) !important; + + /* Hover Background Color */ + --menuitem-hover-background-color: var(--win-hover-bgcolor) !important; + --toolbarbutton-hover-background: var(--win-hover-bgcolor) !important; + --panel-banner-item-hover-bgcolor: var(--win-hover-bgcolor) !important; + + /* Hover Active, Button Color */ + --button-bgcolor: var(--win-hover-active-bgcolor) !important; + --checkbox-unchecked-bgcolor: var(--win-hover-active-bgcolor) !important; + --panel-banner-item-background-color: var(--win-hover-active-bgcolor) !important; + --urlbar-box-bgcolor: var(--win-hover-active-bgcolor) !important; + --urlbar-box-focus-bgcolor: var(--win-hover-active-bgcolor) !important; + --panel-banner-item-active-bgcolor: var(--win-hover-active-bgcolor) !important; + --toolbarbutton-active-background: var(--win-hover-active-bgcolor) !important; + --urlbar-box-active-bgcolor: var(--win-hover-active-bgcolor) !important; + + /* Disabled Background Color */ + --menuitem-disabled-hover-background-color: var(--win-disabled-bgcolor) !important; + + /* Button Hover Color */ + --button-hover-bgcolor: var(--win-button-hover-bgcolor) !important; + --checkbox-unchecked-hover-bgcolor: var(--win-button-hover-bgcolor) !important; + --urlbar-box-hover-bgcolor: var(--win-button-hover-bgcolor) !important; + + /* Button Border Color */ + --tab-line-color: var(--win-button-border) !important; + --checkbox-border-color: var(--win-button-border) !important; + --input-border-color: var(--win-button-border) !important; + + /* Accent Color */ + --toolbarbutton-icon-fill-attention: var(--win-accent-color) !important; + --urlbar-popup-url-color: var(--win-accent-color) !important; + --button-primary-bgcolor: var(--win-accent-color) !important; + --focus-outline-color: var(--win-accent-color) !important; + --checkbox-checked-bgcolor: var(--win-accent-color) !important; + --download-progress-fill-color: var(--win-accent-color) !important; + + /* Accent Hover Color */ + --button-primary-hover-bgcolor: var(--win-accent-hover-color) !important; + --checkbox-checked-hover-bgcolor: var(--win-accent-hover-color) !important; + + /* Accent Hover Active Color */ + --button-primary-active-bgcolor: var(--win-accent-active-color) !important; + --checkbox-checked-active-bgcolor: var(--win-accent-active-color) !important; + + /* Error Color */ + --error-text-color: var(--win-red-color) !important; + --input-error-border-color: var(--win-red-color) !important; + + /* Others */ + --tab-selected-bgcolor: rgb(255,255,255) !important; + --tabs-border-color: transparent !important; + --checkbox-checked-border-color: transparent !important; + + /* Other Defaults */ + --arrowpanel-dimmed: color-mix(in srgb, currentColor 12%, transparent) !important; + --arrowpanel-dimmed-further: color-mix(in srgb, currentColor 20%, transparent) !important; + --arrowpanel-dimmed-even-further: color-mix(in srgb, currentColor 27%, transparent) !important; + + --autocomplete-popup-highlight-background: #e0e0e6 !important; + --autocomplete-popup-separator-color: rgb(240,240,244) !important; + --autocomplete-popup-hover-background: rgb(240,240,244) !important; + + --download-progress-flare-color: rgba(255,255,255,0.75) !important; + + --panelview-toolbarbutton-focus-box-shadow: inset 0 0 0 2px var(--focus-outline-color) !important; + } + + html#main-window menupopup:not(:-moz-lwtheme) { + --menu-color: var(--win-text-color) !important; + --menu-background-color: var(--win-component-bgcolor) !important; + --menu-border-color: var(--win-bgcolor) !important; + --menuitem-hover-background-color: var(--win-hover-bgcolor) !important; + --menu-disabled-color: var(--win-disabled-color) !important; + --menuitem-disabled-hover-background-color: var(--win-disabled-bgcolor) !important; + } + + :root:not(:-moz-lwtheme) #titlebar { + --button-hover-bgcolor: var(--win-sidebar-button-hover-bgcolor); + --button-active-bgcolor: var(--win-sidebar-button-hover-active-bgcolor); + --toolbarbutton-hover-background: var(--win-sidebar-button-hover-bgcolor); + --toolbarbutton-active-background: var(--win-sidebar-button-hover-active-bgcolor); + } + + :root:not(:-moz-lwtheme) #sidebar-box { + --sidebar-background-color: var(--win-sidebar-bgcolor) !important; + --sidebar-text-color: var(--win-text-color) !important; + --sidebar-border-color: var(--win-sidebar-border-color) !important; + } + + :root:not(:-moz-lwtheme) .subviewbutton:not( + #appMenu-fxa-label2, + #appMenu-zoomReduce-button2, + #appMenu-zoomEnlarge-button2, + #appMenu-fullscreen-button2 + ) { + --button-hover-bgcolor: var(--win-hover-bgcolor) !important; + --button-active-bgcolor: var(--win-hover-active-bgcolor) !important; + } + + /* For overwrite */ + :root[lwtheme-mozlightdark]:not([lwthemetextcolor="bright"]):not(:-moz-lwtheme) { + --lwt-accent-color: var(--win-bgcolor) !important; + } + } + /*= Windows10 - Titlebar accent color ======================================*/ @media (-moz-windows-accent-color-in-titlebar) { /* Tab Bar */ From 1a578a9fd324dfc89f4e73020b815d84d861296c Mon Sep 17 00:00:00 2001 From: black7375 Date: Thu, 23 Sep 2021 11:18:11 +0000 Subject: [PATCH 07/91] Prettified Code! --- userChrome.css | 62 +++++++++++++++++++++++--------------------------- 1 file changed, 29 insertions(+), 33 deletions(-) diff --git a/userChrome.css b/userChrome.css index e1a4960..9676647 100644 --- a/userChrome.css +++ b/userChrome.css @@ -180,33 +180,33 @@ --win-disabled-color: rgb(145, 145, 145); /* also button-active-color */ --win-disabled-bgcolor: transparent; --win-hover-bgcolor: rgb(218, 218, 218); - --win-hover-active-bgcolor: #C2C2C2; /* also button-bgcolor */ - --win-field-bgcolor: #FFFFFF; - --win-component-bgcolor: #F2F2F2; - --win-sidebar-bgcolor: #E6E6E6; - --win-sidebar-hover-bgcolor: #CFCFCF; - --win-sidebar-border-color: #8A8A8A; - --win-sidebar-button-hover-bgcolor: #B8B8B8; - --win-sidebar-button-hover-active-bgcolor: #A3A3A3; + --win-hover-active-bgcolor: #c2c2c2; /* also button-bgcolor */ + --win-field-bgcolor: #ffffff; + --win-component-bgcolor: #f2f2f2; + --win-sidebar-bgcolor: #e6e6e6; + --win-sidebar-hover-bgcolor: #cfcfcf; + --win-sidebar-border-color: #8a8a8a; + --win-sidebar-button-hover-bgcolor: #b8b8b8; + --win-sidebar-button-hover-active-bgcolor: #a3a3a3; --win-button-border: #747474; - --win-button-hover-bgcolor: rgba(145, 145, 145, .66); + --win-button-hover-bgcolor: rgba(145, 145, 145, 0.66); --win-shorcut-text-color: #757575; - --win-red-color: #B31616; - --win-accent-color: #005DBA; - --win-accent-hover-color: #4599DB; - --win-accent-active-color: #0078D7; + --win-red-color: #b31616; + --win-accent-color: #005dba; + --win-accent-hover-color: #4599db; + --win-accent-active-color: #0078d7; /* Text, Icon Color */ - --menu-color: var(--win-text-color) !important; - --lwt-text-color: var(--win-text-color) !important; - --button-color: var(--win-text-color) !important; - --input-color: var(--win-text-color) !important; - --toolbar-color: var(--win-text-color) !important; - --toolbar-non-lwt-textcolor: var(--win-text-color) !important; - --toolbarbutton-icon-fill: var(--win-text-color) !important; + --menu-color: var(--win-text-color) !important; + --lwt-text-color: var(--win-text-color) !important; + --button-color: var(--win-text-color) !important; + --input-color: var(--win-text-color) !important; + --toolbar-color: var(--win-text-color) !important; + --toolbar-non-lwt-textcolor: var(--win-text-color) !important; + --toolbarbutton-icon-fill: var(--win-text-color) !important; --toolbar-field-focus-color: var(--win-text-color) !important; - --urlbar-popup-action-color: var(--win-text-color) !important; - --toolbar-field-color: var(--win-text-color) !important; + --urlbar-popup-action-color: var(--win-text-color) !important; + --toolbar-field-color: var(--win-text-color) !important; --autocomplete-popup-highlight-color: var(--win-text-color) !important; --tab-icon-overlay-fill: var(--win-text-color) !important; --panel-banner-item-color: var(--win-text-color) !important; @@ -297,7 +297,7 @@ --input-error-border-color: var(--win-red-color) !important; /* Others */ - --tab-selected-bgcolor: rgb(255,255,255) !important; + --tab-selected-bgcolor: rgb(255, 255, 255) !important; --tabs-border-color: transparent !important; --checkbox-checked-border-color: transparent !important; @@ -307,16 +307,16 @@ --arrowpanel-dimmed-even-further: color-mix(in srgb, currentColor 27%, transparent) !important; --autocomplete-popup-highlight-background: #e0e0e6 !important; - --autocomplete-popup-separator-color: rgb(240,240,244) !important; - --autocomplete-popup-hover-background: rgb(240,240,244) !important; + --autocomplete-popup-separator-color: rgb(240, 240, 244) !important; + --autocomplete-popup-hover-background: rgb(240, 240, 244) !important; - --download-progress-flare-color: rgba(255,255,255,0.75) !important; + --download-progress-flare-color: rgba(255, 255, 255, 0.75) !important; --panelview-toolbarbutton-focus-box-shadow: inset 0 0 0 2px var(--focus-outline-color) !important; } html#main-window menupopup:not(:-moz-lwtheme) { - --menu-color: var(--win-text-color) !important; + --menu-color: var(--win-text-color) !important; --menu-background-color: var(--win-component-bgcolor) !important; --menu-border-color: var(--win-bgcolor) !important; --menuitem-hover-background-color: var(--win-hover-bgcolor) !important; @@ -337,12 +337,8 @@ --sidebar-border-color: var(--win-sidebar-border-color) !important; } - :root:not(:-moz-lwtheme) .subviewbutton:not( - #appMenu-fxa-label2, - #appMenu-zoomReduce-button2, - #appMenu-zoomEnlarge-button2, - #appMenu-fullscreen-button2 - ) { + :root:not(:-moz-lwtheme) + .subviewbutton:not(#appMenu-fxa-label2, #appMenu-zoomReduce-button2, #appMenu-zoomEnlarge-button2, #appMenu-fullscreen-button2) { --button-hover-bgcolor: var(--win-hover-bgcolor) !important; --button-active-bgcolor: var(--win-hover-active-bgcolor) !important; } From 9ee8a872febdc829eee7859080ed4035defac028 Mon Sep 17 00:00:00 2001 From: BlaCk_Void Date: Sat, 25 Sep 2021 17:23:55 +0900 Subject: [PATCH 08/91] Fix: System Default Theme - Win 10 light's multi select color --- userChrome.css | 11 +++++++++++ 1 file changed, 11 insertions(+) diff --git a/userChrome.css b/userChrome.css index 9676647..cd9a325 100644 --- a/userChrome.css +++ b/userChrome.css @@ -347,6 +347,17 @@ :root[lwtheme-mozlightdark]:not([lwthemetextcolor="bright"]):not(:-moz-lwtheme) { --lwt-accent-color: var(--win-bgcolor) !important; } + #tabbrowser-tabs:not([movingtab]) + > #tabbrowser-arrowscrollbox + > .tabbrowser-tab + > .tab-stack + > .tab-background[multiselected]:not([selected]):not(:-moz-lwtheme) { + background-image: linear-gradient( + color-mix(in srgb, currentColor 11%, transparent), + color-mix(in srgb, currentColor 11%, transparent) + ), + linear-gradient(var(--toolbar-bgcolor), var(--toolbar-bgcolor)), var(--lwt-header-image, none) !important; + } } /*= Windows10 - Titlebar accent color ======================================*/ From 8927843fa0b6c2ccc9e5e514e05efdac6a605382 Mon Sep 17 00:00:00 2001 From: BlaCk_Void Date: Sun, 26 Sep 2021 23:20:57 +0900 Subject: [PATCH 09/91] Add: System Default Theme - Win 10 dark --- userChrome.css | 73 +++++++++++++++++++++++++++++++++++++++++++------- 1 file changed, 64 insertions(+), 9 deletions(-) diff --git a/userChrome.css b/userChrome.css index cd9a325..d021722 100644 --- a/userChrome.css +++ b/userChrome.css @@ -191,11 +191,41 @@ --win-button-border: #747474; --win-button-hover-bgcolor: rgba(145, 145, 145, 0.66); --win-shorcut-text-color: #757575; - --win-red-color: #b31616; + --win-error-color: #b31616; + --win-red-border-color: #ff4343; --win-accent-color: #005dba; --win-accent-hover-color: #4599db; --win-accent-active-color: #0078d7; + } + @media (-moz-toolbar-prefers-color-scheme: dark) { + :root:not(:-moz-lwtheme), + :root[lwt-default-theme-in-dark-mode] { + --win-text-color: #ffffff; + --win-bgcolor: #2b2b2b; + --win-disabled-color: #747474; /* also button-active-color */ + --win-disabled-bgcolor: transparent; + --win-hover-bgcolor: #2e2e2e; + --win-hover-active-bgcolor: #454545; /* also button-bgcolor */ + --win-field-bgcolor: #373737; + --win-component-bgcolor: #171717; + --win-sidebar-bgcolor: #1f1f1f; + --win-sidebar-hover-bgcolor: #353535; + --win-sidebar-border-color: #5b5b5b; + --win-sidebar-button-hover-bgcolor: #353535; + --win-sidebar-button-hover-active-bgcolor: #4c4c4c; + --win-button-border: #8f8f8f; + --win-button-hover-bgcolor: rgba(116, 116, 116, 0.66); + --win-shorcut-text-color: #adadad; + --win-error-color: #ffb900; + --win-red-border-color: #ff4343; + --win-accent-color: #3195e3; + --win-accent-hover-color: #036fc4; + --win-accent-active-color: #0078d7; + } + } + :root:not(:-moz-lwtheme), + :root[lwt-default-theme-in-dark-mode] { /* Text, Icon Color */ --menu-color: var(--win-text-color) !important; --lwt-text-color: var(--win-text-color) !important; @@ -226,6 +256,7 @@ /* Title Background, Border Color */ --menu-border-color: var(--win-bgcolor) !important; + --lwt-accent-color: var(--win-bgcolor) !important; --toolbar-field-border-color: var(--win-bgcolor) !important; --arrowpanel-border-color: var(--win-bgcolor) !important; --chrome-content-separator-color: var(--win-bgcolor) !important; @@ -293,8 +324,8 @@ --checkbox-checked-active-bgcolor: var(--win-accent-active-color) !important; /* Error Color */ - --error-text-color: var(--win-red-color) !important; - --input-error-border-color: var(--win-red-color) !important; + --error-text-color: var(--win-error-color) !important; + --input-error-border-color: var(--win-error-color) !important; /* Others */ --tab-selected-bgcolor: rgb(255, 255, 255) !important; @@ -324,20 +355,32 @@ --menuitem-disabled-hover-background-color: var(--win-disabled-bgcolor) !important; } - :root:not(:-moz-lwtheme) #titlebar { + :root:not(:-moz-lwtheme) #titlebar, + :root[lwt-default-theme-in-dark-mode] #titlebar { --button-hover-bgcolor: var(--win-sidebar-button-hover-bgcolor); --button-active-bgcolor: var(--win-sidebar-button-hover-active-bgcolor); --toolbarbutton-hover-background: var(--win-sidebar-button-hover-bgcolor); --toolbarbutton-active-background: var(--win-sidebar-button-hover-active-bgcolor); } - :root:not(:-moz-lwtheme) #sidebar-box { - --sidebar-background-color: var(--win-sidebar-bgcolor) !important; - --sidebar-text-color: var(--win-text-color) !important; - --sidebar-border-color: var(--win-sidebar-border-color) !important; + @media (-moz-toolbar-prefers-color-scheme: dark) { + :root:not(:-moz-lwtheme) #sidebar-box, + :root[lwt-default-theme-in-dark-mode] #sidebar-box { + --sidebar-background-color: var(--win-sidebar-bgcolor) !important; + --sidebar-text-color: var(--win-text-color) !important; + --sidebar-border-color: var(--win-sidebar-border-color) !important; + } + .sidebar-panel[style="--newtab-background-color: rgba(43, 42, 51, 1); --newtab-text-primary-color: rgba(251, 251, 254, 1); --lwt-sidebar-background-color: rgb(56, 56, 61); --lwt-sidebar-text-color: rgba(249, 249, 250, 1);"], + body[lwt-sidebar][style="--newtab-background-color: rgba(43, 42, 51, 1); --newtab-text-primary-color: rgba(251, 251, 254, 1); --lwt-sidebar-background-color: rgb(56, 56, 61); --lwt-sidebar-text-color: rgba(249, 249, 250, 1);"] { + /* Only darkmode has more: --newtab-background-color-secondary: rgba(66, 65, 77, 1); */ + --lwt-sidebar-background-color: var(--win-sidebar-bgcolor) !important; + --lwt-sidebar-text-color: var(--win-text-color) !important; + } } :root:not(:-moz-lwtheme) + .subviewbutton:not(#appMenu-fxa-label2, #appMenu-zoomReduce-button2, #appMenu-zoomEnlarge-button2, #appMenu-fullscreen-button2), + :root[lwt-default-theme-in-dark-mode] .subviewbutton:not(#appMenu-fxa-label2, #appMenu-zoomReduce-button2, #appMenu-zoomEnlarge-button2, #appMenu-fullscreen-button2) { --button-hover-bgcolor: var(--win-hover-bgcolor) !important; --button-active-bgcolor: var(--win-hover-active-bgcolor) !important; @@ -347,11 +390,23 @@ :root[lwtheme-mozlightdark]:not([lwthemetextcolor="bright"]):not(:-moz-lwtheme) { --lwt-accent-color: var(--win-bgcolor) !important; } + @media (-moz-toolbar-prefers-color-scheme: dark) { + :root[lwt-default-theme-in-dark-mode][lwthemetextcolor="bright"] { + --toolbar-bgcolor: var(--win-component-bgcolor) !important; /* Original: rgba(43, 42, 51, 1) */ + } + } + #tabbrowser-tabs:not([movingtab]) > #tabbrowser-arrowscrollbox > .tabbrowser-tab > .tab-stack - > .tab-background[multiselected]:not([selected]):not(:-moz-lwtheme) { + > .tab-background[multiselected]:not([selected]):not(:-moz-lwtheme), + :root[lwtheme-mozlightdark] + #tabbrowser-tabs:not([movingtab]) + > #tabbrowser-arrowscrollbox + > .tabbrowser-tab + > .tab-stack + > .tab-background[multiselected]:not([selected]) { background-image: linear-gradient( color-mix(in srgb, currentColor 11%, transparent), color-mix(in srgb, currentColor 11%, transparent) From 06a2aed9f9c7c9d9e0cadb44f21badeb45d53c62 Mon Sep 17 00:00:00 2001 From: BlaCk_Void Date: Sun, 26 Sep 2021 23:58:35 +0900 Subject: [PATCH 10/91] Fix: System Default Theme - Win 10 URL view color --- userChrome.css | 7 +++---- 1 file changed, 3 insertions(+), 4 deletions(-) diff --git a/userChrome.css b/userChrome.css index d021722..041b7f1 100644 --- a/userChrome.css +++ b/userChrome.css @@ -293,6 +293,7 @@ --panel-banner-item-active-bgcolor: var(--win-hover-active-bgcolor) !important; --toolbarbutton-active-background: var(--win-hover-active-bgcolor) !important; --urlbar-box-active-bgcolor: var(--win-hover-active-bgcolor) !important; + --autocomplete-popup-highlight-background: var(--win-hover-active-bgcolor) !important; /* Disabled Background Color */ --menuitem-disabled-hover-background-color: var(--win-disabled-bgcolor) !important; @@ -301,11 +302,13 @@ --button-hover-bgcolor: var(--win-button-hover-bgcolor) !important; --checkbox-unchecked-hover-bgcolor: var(--win-button-hover-bgcolor) !important; --urlbar-box-hover-bgcolor: var(--win-button-hover-bgcolor) !important; + --autocomplete-popup-hover-background: var(--win-button-hover-bgcolor) !important; /* Button Border Color */ --tab-line-color: var(--win-button-border) !important; --checkbox-border-color: var(--win-button-border) !important; --input-border-color: var(--win-button-border) !important; + --autocomplete-popup-separator-color: var(--win-button-border) !important; /* Accent Color */ --toolbarbutton-icon-fill-attention: var(--win-accent-color) !important; @@ -337,10 +340,6 @@ --arrowpanel-dimmed-further: color-mix(in srgb, currentColor 20%, transparent) !important; --arrowpanel-dimmed-even-further: color-mix(in srgb, currentColor 27%, transparent) !important; - --autocomplete-popup-highlight-background: #e0e0e6 !important; - --autocomplete-popup-separator-color: rgb(240, 240, 244) !important; - --autocomplete-popup-hover-background: rgb(240, 240, 244) !important; - --download-progress-flare-color: rgba(255, 255, 255, 0.75) !important; --panelview-toolbarbutton-focus-box-shadow: inset 0 0 0 2px var(--focus-outline-color) !important; From c0d91d8f220564d288f562f16949781511799bde Mon Sep 17 00:00:00 2001 From: alstjr7375 Date: Thu, 7 Oct 2021 09:51:35 +0900 Subject: [PATCH 11/91] Add: Page Info - Proton like --- userChrome.css | 154 ++++++++++++++++++++++++++++++++++++++++++++++--- 1 file changed, 146 insertions(+), 8 deletions(-) diff --git a/userChrome.css b/userChrome.css index e78051a..2fcd86d 100644 --- a/userChrome.css +++ b/userChrome.css @@ -835,20 +835,15 @@ } } - /*= Downloads ==============================================================*/ - @-moz-document url("chrome://mozapps/content/downloads/unknownContentType.xhtml") + /*= Proton Commons =========================================================*/ + @-moz-document url("chrome://mozapps/content/downloads/unknownContentType.xhtml"), + url("chrome://browser/content/pageinfo/pageInfo.xhtml") { @media (-moz-toolbar-prefers-color-scheme: dark) { :root { --in-content-page-background: #42414d; } } - #unknownContentType { - -moz-appearance: none !important; /* For Mac */ - color: var(--in-content-page-color) !important; - background-color: var(--in-content-page-background) !important; - /* border-radius: 0 0 8px 8px !important; */ - } /*- Button ---------------------------------------------------------------*/ button { @@ -1314,6 +1309,149 @@ } } + /*= Downloads ==============================================================*/ + @-moz-document url("chrome://mozapps/content/downloads/unknownContentType.xhtml") + { + #unknownContentType { + -moz-appearance: none !important; /* For Mac */ + color: var(--in-content-page-color) !important; + background-color: var(--in-content-page-background) !important; + /* border-radius: 0 0 8px 8px !important; */ + } + } + + /*= Page Info ==============================================================*/ + @-moz-document url("chrome://browser/content/pageinfo/pageInfo.xhtml") + { + :root { + --in-content-border-color: color-mix(in srgb, currentColor 41%, transparent) !important; + } + #topBar, + #mainDeck { + -moz-appearance: none !important; /* For Mac */ + color: var(--in-content-page-color) !important; + background-color: var(--in-content-page-background) !important; + /* border-radius: 0 0 8px 8px !important; */ + } + #viewGroup > radio { + border-radius: 8px !important; + padding: var(--in-content-button-vertical-padding) var(--in-content-button-horizontal-padding) !important; + margin: 4px !important; + } + #viewGroup > radio:hover { + background-color: var(--in-content-button-background-hover) !important; /* #E0E8F6; */ + } + #viewGroup > radio[selected="true"] { + color: var(--in-content-button-text-color) !important; /* SelectedItemText */ + background-color: var(--in-content-button-background-active) !important; /* #C1D2EE; */ + } + #viewGroup > radio, + #mainDeck input { + color: var(--in-content-deemphasized-text) !important; /* FieldText */ + } + + #viewGroup > radio { + list-style-image: none !important; + background-image: var(--viewgroup-image) !important; + background-repeat: no-repeat; + background-position: top var(--in-content-button-vertical-padding) center; + background-size: 32px !important; + + -moz-context-properties: fill !important; + fill: currentColor !important; + } + #generalTab { + --viewgroup-image: url(chrome://global/skin/icons/page-portrait.svg); + } + #mediaTab { + --viewgroup-image: url(chrome://browser/skin/canvas.svg); + } + #permTab { + --viewgroup-image: url(chrome://browser/skin/permissions.svg); + } + #securityTab { + --viewgroup-image: url(chrome://global/skin/icons/security.svg); + } + + #permList { + -moz-appearance: none !important; + color: var(--in-content-page-color) !important; + background-color: var(--in-content-box-background) !important; + } + .permission:hover { + color: var(--in-content-text-color) !important; + background-color: var(--in-content-button-background-hover) !important; + } + .permission radio[disabled] { + color: var(--in-content-deemphasized-text) !important; + } + + treecols { + -moz-appearance: none !important; + background: var(--in-content-table-header-background) !important; + color: var(--in-content-table-header-color) !important; + } + treecols > treecol, + treecols > treecolpicker.treecol-image { + -moz-appearance: none !important; + color: var(--in-content-table-header-color) !important; + background: var(--in-content-table-header-background) !important; + border: 1px solid var(--in-content-border-color) !important; + padding: 4px !important; + border-spacing: 0; + + text-align: center !important; + } + + tree, + treechildren::-moz-tree-row { + -moz-appearance: none !important; + color: var(--in-content-text-color) !important; + background-color: var(--in-content-table-background) !important; + border: 1px solid var(--in-content-border-color) !important; + } + + treechildren::-moz-tree-row(odd) { + background-color: var(--in-content-box-background-odd) !important; + } + + treechildren::-moz-tree-row(hover) { + background-color: var(--in-content-button-background-hover) !important; + } + treechildren::-moz-tree-row(selected) { + color: var(--in-content-text-color) !important; + background-color: var(--in-content-button-background-active) !important; + } + + treechildren::-moz-tree-cell { + border-inline: 1px solid var(--in-content-border-color) !important; + border-spacing: 0 !important; + padding: 4px !important; + margin: 0 !important; + } + + #imagecontainerbox { + background-color: var(--in-content-box-background) !important; + } + + #metatree, + #imagetree, + #imagecontainerbox, + #permList { + border-radius: 4px !important; + } + #metatree, + #imagetree { + overflow: hidden !important; + } + + #topBar, + #imagecontainerbox, + #permList { + border-color: var(--in-content-border-color) !important; + } + } + /** Decoration **************************************************************/ /*= Downloads Panel ========================================================*/ /* Accent Color for downloaded item */ From c93cea4c3175d840d8bd56847a541eda94d56471 Mon Sep 17 00:00:00 2001 From: alstjr7375 Date: Fri, 8 Oct 2021 12:17:49 +0900 Subject: [PATCH 12/91] Add: System Default Theme - Mac Default Theme --- userChrome.css | 240 +++++++++++++++++++++++++++++++++++++++++++++++++ 1 file changed, 240 insertions(+) diff --git a/userChrome.css b/userChrome.css index 2fcd86d..6301441 100644 --- a/userChrome.css +++ b/userChrome.css @@ -495,6 +495,246 @@ } } + /*= Mac - Default like color ===============================================*/ + @supports -moz-bool-pref("layout.css.osx-font-smoothing.enabled") { + :root:not(:-moz-lwtheme), + :root[lwt-default-theme-in-dark-mode] { + /* Colors */ + --mac-text-color: -moz-dialogtext; + --mac-disabled-color: GrayText; + --mac-bgcolor: Window; + --mac-selected-bgcolor: color-mix(in srgb, rgb(255, 255, 255) 15%, -moz-dialog); + --mac-field-bgcolor: Window; + --mac-panel-bgcolor: Menu; + --mac-sidebar-bgcolor: -moz-mac-source-list; + --mac-sidebar-hover-bgcolor: color-mix(in srgb, ButtonFace 60%, var(--mac-sidebar-bgcolor)); + --mac-hover-bgcolor: Window; + --mac-disabled-bgcolor: transparent; + --mac-primary-button-color: -moz-accent-color-foreground; /* or -moz-mac-menutextselect */ + --mac-accent-color: -moz-accent-color; /* or LinkText */ + --mac-accent-content-color: color-mix(in srgb, rgb(255, 255, 255) 15%, -moz-accent-color); + --mac-accent-hover-color: color-mix( + in srgb, + rgb(0, 0, 0) 10%, + -moz-accent-color + ); /* or -moz-mac-menuselect, Highlight */ + --mac-accent-active-color: color-mix(in srgb, rgb(0, 0, 0) 20%, -moz-accent-color); /* or ActiveBorder */ + + /* Text, Icon Color */ + --menu-color: var(--mac-text-color) !important; + --lwt-text-color: var(--mac-text-color) !important; + --button-color: var(--mac-text-color) !important; + --input-color: var(--mac-text-color) !important; + --toolbar-color: var(--mac-text-color) !important; + --toolbar-non-lwt-textcolor: var(--mac-text-color) !important; + --toolbarbutton-icon-fill: var(--mac-text-color) !important; + --toolbar-field-focus-color: var(--mac-text-color) !important; + --urlbar-popup-action-color: var(--mac-text-color) !important; + --toolbar-field-color: var(--mac-text-color) !important; + --autocomplete-popup-highlight-color: var(--mac-text-color) !important; + --tab-icon-overlay-fill: var(--mac-text-color) !important; + --panel-banner-item-color: var(--mac-text-color) !important; + --arrowpanel-color: var(--mac-text-color) !important; + --autocomplete-popup-color: var(--mac-text-color) !important; + --panel-shortcut-color: var(--mac-text-color) !important; + --panel-description-color: var(--mac-text-color) !important; + + /* Text Disabled Color */ + --menu-disabled-color: var(--mac-disabled-color) !important; + --button-active-bgcolor: var(--mac-disabled-color) !important; + --checkbox-unchecked-active-bgcolor: var(--mac-disabled-color) !important; + --panel-disabled-color: var(--mac-disabled-color) !important; + --download-progress-paused-color: var(--mac-disabled-color) !important; + + /* Background Color */ + --lwt-accent-color: var(--mac-bgcolor) !important; + --menu-background-color: var(--mac-bgcolor) !important; + --autocomplete-popup-background: var(--mac-bgcolor) !important; + + /* Selected Background Color */ + --toolbar-bgcolor: var(--mac-selected-bgcolor) !important; + --toolbar-non-lwt-bgcolor: var(--mac-selected-bgcolor) !important; + + /* Field Backround Color */ + --input-bgcolor: var(--mac-field-bgcolor) !important; + --toolbar-field-background-color: var(--mac-field-bgcolor) !important; + --tab-icon-overlay-stroke: var(--mac-field-bgcolor) !important; + --tab-selected-bgcolor: var(--mac-field-bgcolor) !important; + + /* Panel Backround Color */ + --arrowpanel-background: var(--mac-panel-bgcolor) !important; + + /* Hover Background Color */ + --menuitem-hover-background-color: var(--mac-hover-bgcolor) !important; + --toolbarbutton-hover-background: var(--mac-hover-bgcolor) !important; + --panel-banner-item-hover-bgcolor: var(--mac-hover-bgcolor) !important; + + --button-bgcolor: var(--mac-hover-bgcolor) !important; + --checkbox-unchecked-bgcolor: var(--mac-hover-bgcolor) !important; + --panel-banner-item-background-color: var(--mac-hover-bgcolor) !important; + --urlbar-box-bgcolor: var(--mac-hover-bgcolor) !important; + --urlbar-box-focus-bgcolor: var(--mac-hover-bgcolor) !important; + --panel-banner-item-active-bgcolor: var(--mac-hover-bgcolor) !important; + --toolbarbutton-active-background: var(--mac-hover-bgcolor) !important; + --urlbar-box-active-bgcolor: var(--mac-hover-bgcolor) !important; + --autocomplete-popup-highlight-background: var(--mac-hover-bgcolor) !important; + + --button-hover-bgcolor: var(--mac-hover-bgcolor) !important; + --checkbox-unchecked-hover-bgcolor: var(--mac-hover-bgcolor) !important; + --urlbar-box-hover-bgcolor: var(--mac-hover-bgcolor) !important; + --autocomplete-popup-hover-background: var(--mac-hover-bgcolor) !important; + + /* Disabled Background Color */ + --menuitem-disabled-hover-background-color: var(--mac-disabled-bgcolor) !important; + + /* Border Color */ + /* + --menu-border-color: var(--mac-bgcolor) !important; + --toolbar-field-border-color: var(--mac-bgcolor) !important; + --arrowpanel-border-color: var(--mac-bgcolor) !important; + --chrome-content-separator-color: var(--mac-bgcolor) !important; + --toolbarseparator-color: var(--mac-bgcolor) !important; + --panel-separator-color: var(--mac-bgcolor) !important; + */ + + /* Button Border Color */ + /* + --tab-line-color: var(--win-button-border) !important; + --checkbox-border-color: var(--win-button-border) !important; + --input-border-color: var(--win-button-border) !important; + --autocomplete-popup-separator-color: var(--win-button-border) !important; + */ + + /* Accent Color Forground */ + --button-primary-color: var(--mac-primary-button-color) !important; + --checkbox-checked-color: var(--mac-primary-button-color) !important; + + /* Accent Color */ + --button-primary-bgcolor: var(--mac-accent-color) !important; + --focus-outline-color: var(--mac-accent-color) !important; + --checkbox-checked-bgcolor: var(--mac-accent-color) !important; + + /* Accent Content Color */ + --toolbarbutton-icon-fill-attention: var(--mac-accent-content-color) !important; + --urlbar-popup-url-color: var(--mac-accent-content-color) !important; + --download-progress-fill-color: var(--mac-accent-content-color) !important; + + /* Accent Hover Color */ + --button-primary-hover-bgcolor: var(--mac-accent-hover-color) !important; + --checkbox-checked-hover-bgcolor: var(--mac-accent-hover-color) !important; + + /* Accent Hover Active Color */ + --button-primary-active-bgcolor: var(--mac-accent-active-color) !important; + --checkbox-checked-active-bgcolor: var(--mac-accent-active-color) !important; + + /* Error Color */ + /* + --error-text-color: var(--win-error-color) !important; + --input-error-border-color: var(--win-error-color) !important; + */ + + /* Others */ + --tab-selected-bgcolor: rgb(255, 255, 255) !important; + --tabs-border-color: transparent !important; + --checkbox-checked-border-color: transparent !important; + + /* Other Defaults */ + --arrowpanel-dimmed: color-mix(in srgb, currentColor 12%, transparent) !important; + --arrowpanel-dimmed-further: color-mix(in srgb, currentColor 20%, transparent) !important; + --arrowpanel-dimmed-even-further: color-mix(in srgb, currentColor 27%, transparent) !important; + + --download-progress-flare-color: rgba(255, 255, 255, 0.75) !important; + + --panelview-toolbarbutton-focus-box-shadow: inset 0 0 0 2px var(--focus-outline-color) !important; + } + @media (-moz-toolbar-prefers-color-scheme: dark) { + :root:not(:-moz-lwtheme), + :root[lwt-default-theme-in-dark-mode] { + --mac-field-bgcolor: Field; + --mac-panel-bgcolor: -moz-CellHiglight; + --mac-hover-bgcolor: ButtonFace; + + --toolbar-field-focus-background-color: var(--mac-bgcolor) !important; + --toolbar-field-background-color: var(--mac-sidebar-bgcolor) !important; + } + } + + /*- Toolbar --------------------------------------------------------------*/ + #navigator-toolbox { + appearance: auto !important; + } + + :root:not(:-moz-lwtheme) #titlebar { + --mac-hover-bgcolor: ButtonFace; + } + :root:not(:-moz-lwtheme) #titlebar, + :root[lwt-default-theme-in-dark-mode] #titlebar { + --button-hover-bgcolor: var(--mac-hover-bgcolor); + --button-active-bgcolor: var(--mac-hover-bgcolor); + --toolbarbutton-hover-background: var(--mac-hover-bgcolor); + --toolbarbutton-active-background: var(--mac-hover-bgcolor); + } + + :root[lwt-default-theme-in-dark-mode] #urlbar { + --autocomplete-popup-highlight-background: var(--mac-hover-bgcolor) !important; + --autocomplete-popup-hover-background: var(--mac-hover-bgcolor) !important; + } + + /*- Sidebar --------------------------------------------------------------*/ + #sidebar-box:not([lwt-sidebar]) { + appearance: none !important; + } + :root:not(:-moz-lwtheme) #sidebar-box, + :root[lwt-default-theme-in-dark-mode] #sidebar-box { + --sidebar-background-color: var(--mac-sidebar-bgcolor) !important; + --sidebar-text-color: var(--mac-text-color) !important; + /* --sidebar-border-color: var(--win-sidebar-border-color) !important; */ + } + @media (-moz-toolbar-prefers-color-scheme: dark) { + .sidebar-panel[style="--newtab-background-color: rgba(43, 42, 51, 1); --newtab-text-primary-color: rgba(251, 251, 254, 1); --lwt-sidebar-background-color: rgb(56, 56, 61); --lwt-sidebar-text-color: rgba(249, 249, 250, 1);"], + body[lwt-sidebar][style="--newtab-background-color: rgba(43, 42, 51, 1); --newtab-text-primary-color: rgba(251, 251, 254, 1); --lwt-sidebar-background-color: rgb(56, 56, 61); --lwt-sidebar-text-color: rgba(249, 249, 250, 1);"] { + /* Only darkmode has more: --newtab-background-color-secondary: rgba(66, 65, 77, 1); */ + --lwt-sidebar-background-color: var(--mac-sidebar-bgcolor) !important; + --lwt-sidebar-text-color: var(--mac-text-color) !important; + } + } + + :root[lwt-default-theme-in-dark-mode] #sidebarMenu-popup { + --button-hover-bgcolor: var(--mac-sidebar-hover-bgcolor); + --button-active-bgcolor: var(--mac-sidebar-hover-bgcolor); + } + + /*- Others ---------------------------------------------------------------*/ + /* For Overwrite */ + @media (-moz-toolbar-prefers-color-scheme: dark) { + :root[lwt-default-theme-in-dark-mode][lwthemetextcolor="bright"] { + --toolbar-bgcolor: color-mix(in srgb, rgb(255, 255, 255) 15%, -moz-dialog) !important; + } + } + + /* Hard Coded */ + :root[lwtheme-mozlightdark][lwt-default-theme-in-dark-mode] + #tabbrowser-tabs:not([movingtab]) + > #tabbrowser-arrowscrollbox + > .tabbrowser-tab + > .tab-stack + > .tab-background[selected="true"] { + background: color-mix(in srgb, rgb(255, 255, 255) 15%, -moz-dialog) !important; + } + + :root:not(:-moz-lwtheme) #tabs-newtab-button:hover, + :root:not([customizing="true"]):not(:-moz-lwtheme) tab[visuallyselected] > stack::before, + :root:not([customizing="true"]):not(:-moz-lwtheme) tab[visuallyselected] > stack::after, + :root:not([customizing="true"])[lwtheme-mozlightdark][lwt-default-theme-in-dark-mode] + tab[visuallyselected] + > stack::before, + :root:not([customizing="true"])[lwtheme-mozlightdark][lwt-default-theme-in-dark-mode] + tab[visuallyselected] + > stack::after { + fill: color-mix(in srgb, rgb(255, 255, 255) 15%, -moz-dialog) !important; + } + } + /** Fully Theme Mode ********************************************************/ /* Default Themes https://github.com/mozilla/gecko-dev/blob/master/toolkit/mozapps/extensions/default-theme/manifest.json From d91f2bd1547449f5bc3dcea321ba14b856e3f06f Mon Sep 17 00:00:00 2001 From: alstjr7375 Date: Sun, 10 Oct 2021 00:33:54 +0900 Subject: [PATCH 13/91] Add: Libray - Menubar icons at linux --- icons/import-export.svg | 7 +++++++ icons/sort.svg | 11 +++++++++++ userChrome.css | 34 ++++++++++++++++++++++++++++++++++ 3 files changed, 52 insertions(+) create mode 100644 icons/import-export.svg create mode 100644 icons/sort.svg diff --git a/icons/import-export.svg b/icons/import-export.svg new file mode 100644 index 0000000..4decdd2 --- /dev/null +++ b/icons/import-export.svg @@ -0,0 +1,7 @@ + + + + + \ No newline at end of file diff --git a/icons/sort.svg b/icons/sort.svg new file mode 100644 index 0000000..e8c10f5 --- /dev/null +++ b/icons/sort.svg @@ -0,0 +1,11 @@ + + + + + + + + + \ No newline at end of file diff --git a/userChrome.css b/userChrome.css index 6301441..c273d9b 100644 --- a/userChrome.css +++ b/userChrome.css @@ -2802,6 +2802,40 @@ list-style-image: url("./icons/bookmarksMenu-open.svg") !important; /* or bookmarksMenu-open2.svg" */ } + /*= Menubar - Icons =========================================*/ + @-moz-document url("chrome://browser/content/places/places.xhtml") + { + @media (-moz-gtk-csd-available) { + #organizeButton, + #viewMenu, + #maintenanceButton, + #back-button, + #forward-button { + fill: currentColor !important; + -moz-context-properties: fill !important; + } + + /* Add */ + #organizeButton { + list-style-image: url("chrome://global/skin/icons/settings.svg") !important; + } + #viewMenu { + list-style-image: url("./icons/sort.svg") !important; + } + #maintenanceButton { + list-style-image: url("./icons/import-export.svg") !important; + } + + /* Replace */ + #back-button { + list-style-image: url("chrome://browser/skin/back.svg") !important; + } + #forward-button { + list-style-image: url("chrome://browser/skin/forward.svg") !important; + } + } + } + /** Panel - Icons ***********************************************************/ /*= Padding ================================================================*/ :root { From 40275c93615508a67591b8c950f9f1f6dde430b9 Mon Sep 17 00:00:00 2001 From: alstjr7375 Date: Sun, 10 Oct 2021 00:49:53 +0900 Subject: [PATCH 14/91] Fix: Page Info - Layout conflicts - Topbar - Align label - Menu - Icon margin --- userChrome.css | 8 +++++++- 1 file changed, 7 insertions(+), 1 deletion(-) diff --git a/userChrome.css b/userChrome.css index c273d9b..d6377ad 100644 --- a/userChrome.css +++ b/userChrome.css @@ -1413,7 +1413,7 @@ display: none !important; } - label { + xul|menuitem > label:not(.menu-text) { margin: 0 3px !important; } @@ -1613,6 +1613,12 @@ --viewgroup-image: url(chrome://global/skin/icons/security.svg); } + #viewGroup > radio > .radio-label-box { + /* Overwrite */ + margin: 0 !important; + padding: 0 6 !important; + } + #permList { -moz-appearance: none !important; color: var(--in-content-page-color) !important; From a7d776ac692dd3f51b0b9519d20779fda1d3de61 Mon Sep 17 00:00:00 2001 From: alstjr7375 Date: Sun, 10 Oct 2021 03:10:13 +0900 Subject: [PATCH 15/91] Fix: Page Info - Text contrast - Table: selected color, bold - Field: regular color ( not dimmed ) --- userChrome.css | 11 +++++++++-- 1 file changed, 9 insertions(+), 2 deletions(-) diff --git a/userChrome.css b/userChrome.css index d6377ad..3f20c18 100644 --- a/userChrome.css +++ b/userChrome.css @@ -1585,8 +1585,7 @@ color: var(--in-content-button-text-color) !important; /* SelectedItemText */ background-color: var(--in-content-button-background-active) !important; /* #C1D2EE; */ } - #viewGroup > radio, - #mainDeck input { + #viewGroup > radio { color: var(--in-content-deemphasized-text) !important; /* FieldText */ } @@ -1619,6 +1618,10 @@ padding: 0 6 !important; } + #mainDeck input { + color: var(--in-content-page-color) !important; + } + #permList { -moz-appearance: none !important; color: var(--in-content-page-color) !important; @@ -1675,6 +1678,10 @@ padding: 4px !important; margin: 0 !important; } + treechildren::-moz-tree-cell-text(selected) { + font-weight: 600 !important; + color: color-mix(in srgb, var(--in-content-text-color) 95%, var(--in-content-table-background)) !important; + } #imagecontainerbox { background-color: var(--in-content-box-background) !important; From 0d9fc5519e08bc15c59cf1bbe611411947bd5c6b Mon Sep 17 00:00:00 2001 From: alstjr7375 Date: Sun, 10 Oct 2021 03:43:26 +0900 Subject: [PATCH 16/91] Fix: Checkbox - Color at default theme --- userChrome.css | 12 ++++++++++++ 1 file changed, 12 insertions(+) diff --git a/userChrome.css b/userChrome.css index 3f20c18..47ce1bd 100644 --- a/userChrome.css +++ b/userChrome.css @@ -1079,12 +1079,24 @@ @-moz-document url("chrome://mozapps/content/downloads/unknownContentType.xhtml"), url("chrome://browser/content/pageinfo/pageInfo.xhtml") { + /*- Overwrite ------------------------------------------------------------*/ @media (-moz-toolbar-prefers-color-scheme: dark) { :root { --in-content-page-background: #42414d; } } + :root:not(:-moz-lwtheme), + :root[lwt-default-theme-in-dark-mode] { + --checkbox-unchecked-bgcolor: var(--in-content-button-background) !important; + --checkbox-unchecked-hover-bgcolor: var(--in-content-button-background-hover) !important; + --checkbox-unchecked-active-bgcolor: var(--in-content-button-background-active) !important; + --checkbox-checked-bgcolor: var(--in-content-primary-button-background) !important; + --checkbox-checked-color: var(--in-content-primary-button-text-color) !important; + --checkbox-checked-hover-bgcolor: var(--in-content-primary-button-background-hover) !important; + --checkbox-checked-active-bgcolor: var(--in-content-primary-button-background-active) !important; + } + /*- Button ---------------------------------------------------------------*/ button { -moz-appearance: none !important; From 835be2f3b5a1ac2a29a4fe47647f98bc81f1323c Mon Sep 17 00:00:00 2001 From: alstjr7375 Date: Sun, 10 Oct 2021 04:48:50 +0900 Subject: [PATCH 17/91] Fix: PopupAutoComplete - border, color --- userChrome.css | 26 ++++++++++++++++---------- 1 file changed, 16 insertions(+), 10 deletions(-) diff --git a/userChrome.css b/userChrome.css index 47ce1bd..a05aad2 100644 --- a/userChrome.css +++ b/userChrome.css @@ -965,16 +965,24 @@ /*= PopupAutoComplete ======================================================*/ #PopupAutoComplete { - --panel-border-radius: 4px; /* Original: 0 */ - --panel-border-color: var(--arrowpanel-border-color, var(--menu-border-color)); /* Original: ThreeDShadow */ + --panel-bgcolor: var(--arrowpanel-background, var(--in-content-button-background)); + + /* overwrite */ + --panel-border-radius: 4px !important; /* Original: 0 */ + --panel-border-color: var( + --arrowpanel-border-color, + var(--menu-border-color) + ) !important; /* Original: ThreeDShadow */ + + appearance: none !important; + background: transparent !important; + border: none !important; + clip-path: inset(0 round var(--panel-border-radius)); } #PopupAutoComplete > richlistbox { border-radius: var(--panel-border-radius) !important; - background-color: var( - --arrowpanel-background, - var(--in-content-button-background) - ) !important; /* Original: Field */ + background-color: var(--panel-bgcolor) !important; /* Original: Field */ color: var(--arrowpanel-color, var(--in-content-page-color)) !important; /* Original: FiledText */ } @@ -985,12 +993,10 @@ } #PopupAutoComplete > richlistbox > richlistitem[originaltype="loginsFooter"] { + --panel-border-color: var(--panel-bgcolor); color: var(--arrowpanel-color, var(--in-content-page-color)) !important; /* Original: FieldText */ background-color: var(--arrowpanel-dimmed, hsla(0, 0%, 80%, 0.35)) !important; /* Original: hsla(0,0%,80%,.35) */ - border-color: var( - --arrowpanel-border-color, - var(--menu-border-color) - ) !important; /* Original: rgba(38,38,38,.15) */ + border-color: var(--panel-border-color) !important; /* Original: rgba(38,38,38,.15) */ } #PopupAutoComplete > richlistbox > richlistitem[originaltype="loginsFooter"]:hover, From 3e7b79280cd01bd584ef6e76b34d1eb8a53ea7f5 Mon Sep 17 00:00:00 2001 From: BlaCk_Void Date: Sun, 10 Oct 2021 18:55:44 +0900 Subject: [PATCH 18/91] Fix: Default Theme - Darkmode sidebar bgcolor at nightly --- userChrome.css | 8 ++++++-- 1 file changed, 6 insertions(+), 2 deletions(-) diff --git a/userChrome.css b/userChrome.css index a05aad2..2daf25c 100644 --- a/userChrome.css +++ b/userChrome.css @@ -421,7 +421,9 @@ --sidebar-border-color: var(--win-sidebar-border-color) !important; } .sidebar-panel[style="--newtab-background-color: rgba(43, 42, 51, 1); --newtab-text-primary-color: rgba(251, 251, 254, 1); --lwt-sidebar-background-color: rgb(56, 56, 61); --lwt-sidebar-text-color: rgba(249, 249, 250, 1);"], - body[lwt-sidebar][style="--newtab-background-color: rgba(43, 42, 51, 1); --newtab-text-primary-color: rgba(251, 251, 254, 1); --lwt-sidebar-background-color: rgb(56, 56, 61); --lwt-sidebar-text-color: rgba(249, 249, 250, 1);"] { + body[lwt-sidebar][style="--newtab-background-color: rgba(43, 42, 51, 1); --newtab-text-primary-color: rgba(251, 251, 254, 1); --lwt-sidebar-background-color: rgb(56, 56, 61); --lwt-sidebar-text-color: rgba(249, 249, 250, 1);"], + .sidebar-panel[style="--newtab-background-color: rgb(43, 42, 51); --newtab-text-primary-color: rgba(251, 251, 254, 1); --lwt-sidebar-background-color: rgb(56, 56, 61); --lwt-sidebar-text-color: rgba(249, 249, 250, 1);"], /* Nightly */ + body[lwt-sidebar][style="--newtab-background-color: rgb(43, 42, 51); --newtab-text-primary-color: rgba(251, 251, 254, 1); --lwt-sidebar-background-color: rgb(56, 56, 61); --lwt-sidebar-text-color: rgba(249, 249, 250, 1);"] { /* Only darkmode has more: --newtab-background-color-secondary: rgba(66, 65, 77, 1); */ --lwt-sidebar-background-color: var(--win-sidebar-bgcolor) !important; --lwt-sidebar-text-color: var(--win-text-color) !important; @@ -692,7 +694,9 @@ } @media (-moz-toolbar-prefers-color-scheme: dark) { .sidebar-panel[style="--newtab-background-color: rgba(43, 42, 51, 1); --newtab-text-primary-color: rgba(251, 251, 254, 1); --lwt-sidebar-background-color: rgb(56, 56, 61); --lwt-sidebar-text-color: rgba(249, 249, 250, 1);"], - body[lwt-sidebar][style="--newtab-background-color: rgba(43, 42, 51, 1); --newtab-text-primary-color: rgba(251, 251, 254, 1); --lwt-sidebar-background-color: rgb(56, 56, 61); --lwt-sidebar-text-color: rgba(249, 249, 250, 1);"] { + body[lwt-sidebar][style="--newtab-background-color: rgba(43, 42, 51, 1); --newtab-text-primary-color: rgba(251, 251, 254, 1); --lwt-sidebar-background-color: rgb(56, 56, 61); --lwt-sidebar-text-color: rgba(249, 249, 250, 1);"], + .sidebar-panel[style="--newtab-background-color: rgb(43, 42, 51); --newtab-text-primary-color: rgba(251, 251, 254, 1); --lwt-sidebar-background-color: rgb(56, 56, 61); --lwt-sidebar-text-color: rgba(249, 249, 250, 1);"], /* Nightly */ + body[lwt-sidebar][style="--newtab-background-color: rgb(43, 42, 51); --newtab-text-primary-color: rgba(251, 251, 254, 1); --lwt-sidebar-background-color: rgb(56, 56, 61); --lwt-sidebar-text-color: rgba(249, 249, 250, 1);"] { /* Only darkmode has more: --newtab-background-color-secondary: rgba(66, 65, 77, 1); */ --lwt-sidebar-background-color: var(--mac-sidebar-bgcolor) !important; --lwt-sidebar-text-color: var(--mac-text-color) !important; From f47779b2023d2ac31e4244563207f729c6691a14 Mon Sep 17 00:00:00 2001 From: BlaCk_Void Date: Sun, 10 Oct 2021 19:38:06 +0900 Subject: [PATCH 19/91] Fix: Default Theme - Win10 light Sidebar bgclolor --- userChrome.css | 17 +++++++++++------ 1 file changed, 11 insertions(+), 6 deletions(-) diff --git a/userChrome.css b/userChrome.css index 2daf25c..48f0166 100644 --- a/userChrome.css +++ b/userChrome.css @@ -405,6 +405,7 @@ --menuitem-disabled-hover-background-color: var(--win-disabled-bgcolor) !important; } + /*- Toolbar --------------------------------------------------------------*/ :root:not(:-moz-lwtheme) #titlebar, :root[lwt-default-theme-in-dark-mode] #titlebar { --button-hover-bgcolor: var(--win-sidebar-button-hover-bgcolor); @@ -413,13 +414,17 @@ --toolbarbutton-active-background: var(--win-sidebar-button-hover-active-bgcolor); } + /*- Sidebar --------------------------------------------------------------*/ + #sidebar-box:not([lwt-sidebar]) { + appearance: none !important; + } + :root:not(:-moz-lwtheme) #sidebar-box, + :root[lwt-default-theme-in-dark-mode] #sidebar-box { + --sidebar-background-color: var(--win-sidebar-bgcolor) !important; + --sidebar-text-color: var(--win-text-color) !important; + --sidebar-border-color: var(--win-sidebar-border-color) !important; + } @media (-moz-toolbar-prefers-color-scheme: dark) { - :root:not(:-moz-lwtheme) #sidebar-box, - :root[lwt-default-theme-in-dark-mode] #sidebar-box { - --sidebar-background-color: var(--win-sidebar-bgcolor) !important; - --sidebar-text-color: var(--win-text-color) !important; - --sidebar-border-color: var(--win-sidebar-border-color) !important; - } .sidebar-panel[style="--newtab-background-color: rgba(43, 42, 51, 1); --newtab-text-primary-color: rgba(251, 251, 254, 1); --lwt-sidebar-background-color: rgb(56, 56, 61); --lwt-sidebar-text-color: rgba(249, 249, 250, 1);"], body[lwt-sidebar][style="--newtab-background-color: rgba(43, 42, 51, 1); --newtab-text-primary-color: rgba(251, 251, 254, 1); --lwt-sidebar-background-color: rgb(56, 56, 61); --lwt-sidebar-text-color: rgba(249, 249, 250, 1);"], .sidebar-panel[style="--newtab-background-color: rgb(43, 42, 51); --newtab-text-primary-color: rgba(251, 251, 254, 1); --lwt-sidebar-background-color: rgb(56, 56, 61); --lwt-sidebar-text-color: rgba(249, 249, 250, 1);"], /* Nightly */ From f0fae7d328f883ebbc74f4347e1f151f078900f4 Mon Sep 17 00:00:00 2001 From: BlaCk_Void Date: Sun, 10 Oct 2021 21:05:20 +0900 Subject: [PATCH 20/91] Fix: Default Theme - Windows10 accent color --- userChrome.css | 22 +++++++++++++--------- 1 file changed, 13 insertions(+), 9 deletions(-) diff --git a/userChrome.css b/userChrome.css index 48f0166..6727249 100644 --- a/userChrome.css +++ b/userChrome.css @@ -244,9 +244,10 @@ --win-shorcut-text-color: #757575; --win-error-color: #b31616; --win-red-border-color: #ff4343; - --win-accent-color: #005dba; - --win-accent-hover-color: #4599db; - --win-accent-active-color: #0078d7; + --win-accent-color: color-mix(in srgb, rgba(0, 0, 0, 0.8) 10%, -moz-accent-color); + --win-accent-content-color: color-mix(in srgb, rgba(255, 255, 255, 0.8) 15%, -moz-accent-color); + --win-accent-hover-color: color-mix(in srgb, rgba(255, 255, 255, 0.8) 27%, -moz-accent-color); + --win-accent-active-color: -moz-accent-color; } @media (-moz-toolbar-prefers-color-scheme: dark) { :root:not(:-moz-lwtheme), @@ -269,9 +270,10 @@ --win-shorcut-text-color: #adadad; --win-error-color: #ffb900; --win-red-border-color: #ff4343; - --win-accent-color: #3195e3; - --win-accent-hover-color: #036fc4; - --win-accent-active-color: #0078d7; + --win-accent-color: color-mix(in srgb, rgba(255, 255, 255, 0.8) 20%, -moz-accent-color); + --win-accent-content-color: color-mix(in srgb, rgba(255, 255, 255, 0.8) 35%, -moz-accent-color); + --win-accent-hover-color: color-mix(in srgb, rgba(0, 0, 0, 0.8) 5%, -moz-accent-color); + --win-accent-active-color: -moz-accent-color; } } @@ -362,12 +364,14 @@ --autocomplete-popup-separator-color: var(--win-button-border) !important; /* Accent Color */ - --toolbarbutton-icon-fill-attention: var(--win-accent-color) !important; - --urlbar-popup-url-color: var(--win-accent-color) !important; --button-primary-bgcolor: var(--win-accent-color) !important; --focus-outline-color: var(--win-accent-color) !important; --checkbox-checked-bgcolor: var(--win-accent-color) !important; - --download-progress-fill-color: var(--win-accent-color) !important; + + /* Accent Content Color */ + --toolbarbutton-icon-fill-attention: var(--win-accent-content-color) !important; + --urlbar-popup-url-color: var(--win-accent-content-color) !important; + --download-progress-fill-color: var(--win-accent-content-color) !important; /* Accent Hover Color */ --button-primary-hover-bgcolor: var(--win-accent-hover-color) !important; From a0b8a6569256a3f5bf76425492a1614a619b1e13 Mon Sep 17 00:00:00 2001 From: BlaCk_Void Date: Mon, 11 Oct 2021 01:01:12 +0900 Subject: [PATCH 21/91] Fix: Default Theme - Moving tab's background color .tab-background[multiselected="true"], .tab-background[selected="true"] { border-top-color: var(--tabs-border-color); background-color: var(--tab-selected-bgcolor, var(--toolbar-bgcolor)); background-image: var(--toolbar-bgimage); background-repeat: repeat-x; } --- userChrome.css | 6 ++---- 1 file changed, 2 insertions(+), 4 deletions(-) diff --git a/userChrome.css b/userChrome.css index 6727249..b9894c6 100644 --- a/userChrome.css +++ b/userChrome.css @@ -328,7 +328,6 @@ --toolbar-field-background-color: var(--win-field-bgcolor) !important; --toolbar-field-focus-background-color: var(--win-field-bgcolor) !important; --tab-icon-overlay-stroke: var(--win-field-bgcolor) !important; - --tab-selected-bgcolor: var(--win-field-bgcolor) !important; --button-primary-color: var(--win-field-bgcolor) !important; --checkbox-checked-color: var(--win-field-bgcolor) !important; @@ -386,7 +385,7 @@ --input-error-border-color: var(--win-error-color) !important; /* Others */ - --tab-selected-bgcolor: rgb(255, 255, 255) !important; + --tab-selected-bgcolor: unset !important; --tabs-border-color: transparent !important; --checkbox-checked-border-color: transparent !important; @@ -570,7 +569,6 @@ --input-bgcolor: var(--mac-field-bgcolor) !important; --toolbar-field-background-color: var(--mac-field-bgcolor) !important; --tab-icon-overlay-stroke: var(--mac-field-bgcolor) !important; - --tab-selected-bgcolor: var(--mac-field-bgcolor) !important; /* Panel Backround Color */ --arrowpanel-background: var(--mac-panel-bgcolor) !important; @@ -645,7 +643,7 @@ */ /* Others */ - --tab-selected-bgcolor: rgb(255, 255, 255) !important; + --tab-selected-bgcolor: unset !important; --tabs-border-color: transparent !important; --checkbox-checked-border-color: transparent !important; From e7fc6c217f4f38624fe300fabb7c3925782087a6 Mon Sep 17 00:00:00 2001 From: BlaCk_Void Date: Mon, 11 Oct 2021 03:00:42 +0900 Subject: [PATCH 22/91] Clean: Default Theme - Win10 comments divide line --- userChrome.css | 2 ++ 1 file changed, 2 insertions(+) diff --git a/userChrome.css b/userChrome.css index b9894c6..652386c 100644 --- a/userChrome.css +++ b/userChrome.css @@ -399,6 +399,7 @@ --panelview-toolbarbutton-focus-box-shadow: inset 0 0 0 2px var(--focus-outline-color) !important; } + /*- Menu -----------------------------------------------------------------*/ html#main-window menupopup:not(:-moz-lwtheme) { --menu-color: var(--win-text-color) !important; --menu-background-color: var(--win-component-bgcolor) !important; @@ -446,6 +447,7 @@ --button-active-bgcolor: var(--win-hover-active-bgcolor) !important; } + /*- Others ---------------------------------------------------------------*/ /* For overwrite */ :root[lwtheme-mozlightdark]:not([lwthemetextcolor="bright"]):not(:-moz-lwtheme) { --lwt-accent-color: var(--win-bgcolor) !important; From 218f4e32a9e106836dabaa3cc7f2120280f7d689 Mon Sep 17 00:00:00 2001 From: BlaCk_Void Date: Mon, 11 Oct 2021 03:06:20 +0900 Subject: [PATCH 23/91] Add: Common Dialog - Proton like --- userChrome.css | 13 ++++++++++++- 1 file changed, 12 insertions(+), 1 deletion(-) diff --git a/userChrome.css b/userChrome.css index 652386c..dbdc988 100644 --- a/userChrome.css +++ b/userChrome.css @@ -1095,7 +1095,8 @@ } /*= Proton Commons =========================================================*/ - @-moz-document url("chrome://mozapps/content/downloads/unknownContentType.xhtml"), + @-moz-document url("chrome://global/content/commonDialog.xhtml"), + url("chrome://mozapps/content/downloads/unknownContentType.xhtml"), url("chrome://browser/content/pageinfo/pageInfo.xhtml") { /*- Overwrite ------------------------------------------------------------*/ @@ -1580,6 +1581,16 @@ } } + /*= Common Dialog ==========================================================*/ + @-moz-document url("chrome://global/content/commonDialog.xhtml") + { + #commonDialog { + -moz-appearance: none !important; /* For Mac */ + color: var(--in-content-page-color) !important; + background-color: var(--in-content-page-background) !important; + } + } + /*= Downloads ==============================================================*/ @-moz-document url("chrome://mozapps/content/downloads/unknownContentType.xhtml") { From 4fb2ceeac19960dba5ecfe21fe0d75334caf71dc Mon Sep 17 00:00:00 2001 From: BlaCk_Void Date: Mon, 11 Oct 2021 04:03:44 +0900 Subject: [PATCH 24/91] Clean: Proton - Dialog Background --- userChrome.css | 40 ++++++++++++---------------------------- 1 file changed, 12 insertions(+), 28 deletions(-) diff --git a/userChrome.css b/userChrome.css index dbdc988..c2da9c2 100644 --- a/userChrome.css +++ b/userChrome.css @@ -1117,6 +1117,17 @@ --checkbox-checked-active-bgcolor: var(--in-content-primary-button-background-active) !important; } + /*- Dialog ---------------------------------------------------------------*/ + #commonDialog, + #unknownContentType, + #topBar, /* #topBar, #mainDeck: Page Info */ + #mainDeck { + -moz-appearance: none !important; /* For Mac */ + color: var(--in-content-page-color) !important; + background-color: var(--in-content-page-background) !important; + /* border-radius: 0 0 8px 8px !important; */ + } + /*- Button ---------------------------------------------------------------*/ button { -moz-appearance: none !important; @@ -1581,40 +1592,13 @@ } } - /*= Common Dialog ==========================================================*/ - @-moz-document url("chrome://global/content/commonDialog.xhtml") - { - #commonDialog { - -moz-appearance: none !important; /* For Mac */ - color: var(--in-content-page-color) !important; - background-color: var(--in-content-page-background) !important; - } - } - - /*= Downloads ==============================================================*/ - @-moz-document url("chrome://mozapps/content/downloads/unknownContentType.xhtml") - { - #unknownContentType { - -moz-appearance: none !important; /* For Mac */ - color: var(--in-content-page-color) !important; - background-color: var(--in-content-page-background) !important; - /* border-radius: 0 0 8px 8px !important; */ - } - } - /*= Page Info ==============================================================*/ @-moz-document url("chrome://browser/content/pageinfo/pageInfo.xhtml") { :root { --in-content-border-color: color-mix(in srgb, currentColor 41%, transparent) !important; } - #topBar, - #mainDeck { - -moz-appearance: none !important; /* For Mac */ - color: var(--in-content-page-color) !important; - background-color: var(--in-content-page-background) !important; - /* border-radius: 0 0 8px 8px !important; */ - } + #viewGroup > radio { border-radius: 8px !important; padding: var(--in-content-button-vertical-padding) var(--in-content-button-horizontal-padding) !important; From 07fc72b4d9aeba1e3586d230f9af99a6120901be Mon Sep 17 00:00:00 2001 From: BlaCk_Void Date: Mon, 11 Oct 2021 04:06:48 +0900 Subject: [PATCH 25/91] Add: Proton - Edit CA cert dialog --- userChrome.css | 2 ++ 1 file changed, 2 insertions(+) diff --git a/userChrome.css b/userChrome.css index c2da9c2..d63b20f 100644 --- a/userChrome.css +++ b/userChrome.css @@ -1096,6 +1096,7 @@ /*= Proton Commons =========================================================*/ @-moz-document url("chrome://global/content/commonDialog.xhtml"), + url("chrome://pippki/content/editcacert.xhtml"), url("chrome://mozapps/content/downloads/unknownContentType.xhtml"), url("chrome://browser/content/pageinfo/pageInfo.xhtml") { @@ -1119,6 +1120,7 @@ /*- Dialog ---------------------------------------------------------------*/ #commonDialog, + #editCaCert, #unknownContentType, #topBar, /* #topBar, #mainDeck: Page Info */ #mainDeck { From 768394806934336d73645b6cb260ee99523850aa Mon Sep 17 00:00:00 2001 From: BlaCk_Void Date: Mon, 11 Oct 2021 04:23:35 +0900 Subject: [PATCH 26/91] Add: Proton - Delete cert dialog --- userChrome.css | 14 ++++++++++++++ 1 file changed, 14 insertions(+) diff --git a/userChrome.css b/userChrome.css index d63b20f..9494d2f 100644 --- a/userChrome.css +++ b/userChrome.css @@ -1097,6 +1097,7 @@ /*= Proton Commons =========================================================*/ @-moz-document url("chrome://global/content/commonDialog.xhtml"), url("chrome://pippki/content/editcacert.xhtml"), + url("chrome://pippki/content/deletecert.xhtml"), url("chrome://mozapps/content/downloads/unknownContentType.xhtml"), url("chrome://browser/content/pageinfo/pageInfo.xhtml") { @@ -1121,6 +1122,7 @@ /*- Dialog ---------------------------------------------------------------*/ #commonDialog, #editCaCert, + #deleteCertificate, #unknownContentType, #topBar, /* #topBar, #mainDeck: Page Info */ #mainDeck { @@ -1594,6 +1596,18 @@ } } + /*= Delete Cert =============================================================*/ + @-moz-document url("chrome://pippki/content/deletecert.xhtml") + { + :root { + --in-content-border-color: color-mix(in srgb, currentColor 41%, transparent) !important; + } + #certlist { + border: 1px solid var(--in-content-border-color) !important; + border-radius: 4px !important; + } + } + /*= Page Info ==============================================================*/ @-moz-document url("chrome://browser/content/pageinfo/pageInfo.xhtml") { From 90e0b1e479f36e2d8a944f0516ce62ebb3ade0dd Mon Sep 17 00:00:00 2001 From: BlaCk_Void Date: Mon, 11 Oct 2021 05:05:33 +0900 Subject: [PATCH 27/91] Add: Proton - Cert exception dialog --- userChrome.css | 51 +++++++++++++++++++++++++++++++++++++++++++++++++- 1 file changed, 50 insertions(+), 1 deletion(-) diff --git a/userChrome.css b/userChrome.css index 9494d2f..cfa3b1a 100644 --- a/userChrome.css +++ b/userChrome.css @@ -1098,6 +1098,7 @@ @-moz-document url("chrome://global/content/commonDialog.xhtml"), url("chrome://pippki/content/editcacert.xhtml"), url("chrome://pippki/content/deletecert.xhtml"), + url("chrome://pippki/content/exceptionDialog.xhtml"), url("chrome://mozapps/content/downloads/unknownContentType.xhtml"), url("chrome://browser/content/pageinfo/pageInfo.xhtml") { @@ -1123,6 +1124,7 @@ #commonDialog, #editCaCert, #deleteCertificate, + #exceptiondialog, #unknownContentType, #topBar, /* #topBar, #mainDeck: Page Info */ #mainDeck { @@ -1596,7 +1598,7 @@ } } - /*= Delete Cert =============================================================*/ + /*= Delete Cert ============================================================*/ @-moz-document url("chrome://pippki/content/deletecert.xhtml") { :root { @@ -1608,6 +1610,53 @@ } } + /*= Cert Exeption Dialog ===================================================*/ + @-moz-document url("chrome://pippki/content/exceptionDialog.xhtml") + { + :root { + --in-content-border-color: color-mix(in srgb, currentColor 41%, transparent) !important; + } + #locationTextBox { + appearance: none !important; + border: 1px solid var(--in-content-box-border-color) !important; + border-radius: 4px !important; + color: inherit !important; + background-color: var(--in-content-box-background) !important; + + font-family: inherit !important; + font-size: inherit !important; + padding: 8px !important; + margin: 2px 4px !important; + } + #locationTextBox:focus { + border-color: transparent !important; + outline: 2px solid var(--in-content-focus-outline-color) !important; + outline-offset: -1px !important; /* Prevents antialising around the corners */ + } + #locationTextBox:-moz-ui-invalid { + border-color: transparent !important; + outline: 2px solid var(--in-content-border-invalid) !important; + outline-offset: -1px !important; /* Prevents antialising around the corners */ + } + #locationTextBox:disabled { + opacity: 0.4 !important; + } + + #exceptiondialog:first-child > hbox > vbox:not([flex="1"]) { + width: 48px !important; + height: 48px !important; + background-image: url("chrome://global/skin/icons/warning.svg") !important; + background-size: 48px !important; + background-repeat: no-repeat !important; + + -moz-context-properties: fill !important; + fill: currentColor !important; + } + #exceptiondialog:first-child > hbox > vbox > image { + display: none !important; + } + } + /*= Page Info ==============================================================*/ @-moz-document url("chrome://browser/content/pageinfo/pageInfo.xhtml") { From 3eb2fc88042c49dbd402cc94ef5c77f6618907bd Mon Sep 17 00:00:00 2001 From: black7375 Date: Sun, 10 Oct 2021 20:06:11 +0000 Subject: [PATCH 28/91] Clean: Prettified Code! --- userChrome.css | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/userChrome.css b/userChrome.css index cfa3b1a..d77fb58 100644 --- a/userChrome.css +++ b/userChrome.css @@ -1128,11 +1128,11 @@ #unknownContentType, #topBar, /* #topBar, #mainDeck: Page Info */ #mainDeck { - -moz-appearance: none !important; /* For Mac */ + -moz-appearance: none !important; /* For Mac */ color: var(--in-content-page-color) !important; background-color: var(--in-content-page-background) !important; /* border-radius: 0 0 8px 8px !important; */ - } + } /*- Button ---------------------------------------------------------------*/ button { From 07c8fc1cb801fbaf44cc38961daf62d008b14a27 Mon Sep 17 00:00:00 2001 From: BlaCk_Void Date: Mon, 11 Oct 2021 05:48:51 +0900 Subject: [PATCH 29/91] Add: Protections Popup - Icons Add width, height attribute --- icons/dashboard.svg | 4 ++++ userChrome.css | 17 +++++++++++++++++ 2 files changed, 21 insertions(+) create mode 100644 icons/dashboard.svg diff --git a/icons/dashboard.svg b/icons/dashboard.svg new file mode 100644 index 0000000..879570b --- /dev/null +++ b/icons/dashboard.svg @@ -0,0 +1,4 @@ + + \ No newline at end of file diff --git a/userChrome.css b/userChrome.css index d77fb58..01fbbc5 100644 --- a/userChrome.css +++ b/userChrome.css @@ -3351,6 +3351,23 @@ } } + /*= protections-popup ======================================================*/ + #protections-popup-settings-button > .protections-popup-settings-icon, + #protections-popup-show-report-button > .protections-popup-show-report-icon { + -moz-context-properties: fill; + fill: currentColor; + margin-inline-end: 1em; + } + + #protections-popup-settings-button > .protections-popup-settings-icon { + list-style-image: url("chrome://global/skin/icons/settings.svg"); + } + + #protections-popup-show-report-button > .protections-popup-show-report-icon { + /* chrome://browser/skin/controlcenter/dashboard.svg */ + list-style-image: url("icons/dashboard.svg"); + } + /*= identity-popup =========================================================*/ #identity-popup-clear-sitedata-button, #identity-popup-more-info { From bb6a1aa649175ec2f1815f607f4664ad3a8df984 Mon Sep 17 00:00:00 2001 From: BlaCk_Void Date: Mon, 11 Oct 2021 06:24:10 +0900 Subject: [PATCH 30/91] Add: App Picker - Proton like --- userChrome.css | 85 ++++++++++++++++++++++++++++++++++++++++++++++++++ 1 file changed, 85 insertions(+) diff --git a/userChrome.css b/userChrome.css index 01fbbc5..f71ac77 100644 --- a/userChrome.css +++ b/userChrome.css @@ -1100,6 +1100,7 @@ url("chrome://pippki/content/deletecert.xhtml"), url("chrome://pippki/content/exceptionDialog.xhtml"), url("chrome://mozapps/content/downloads/unknownContentType.xhtml"), + url("chrome://global/content/appPicker.xhtml"), url("chrome://browser/content/pageinfo/pageInfo.xhtml") { /*- Overwrite ------------------------------------------------------------*/ @@ -1126,6 +1127,7 @@ #deleteCertificate, #exceptiondialog, #unknownContentType, + #app-picker, #topBar, /* #topBar, #mainDeck: Page Info */ #mainDeck { -moz-appearance: none !important; /* For Mac */ @@ -1530,6 +1532,89 @@ outline: none !important; } + /*- List Boxes -----------------------------------------------------------*/ + html|select[size][multiple], + xul|listheader, + xul|richlistbox { + appearance: none !important; + margin-inline: 0 !important; + background-color: var(--in-content-box-background) !important; + border: 1px solid var(--in-content-box-border-color) !important; + border-radius: 4px !important; + color: var(--in-content-text-color) !important; + } + + xul|listheader { + border-bottom: none !important; + border-bottom-left-radius: 0 !important; + border-bottom-right-radius: 0 !important; + padding-bottom: 1px !important; + box-shadow: inset 0 -1px var(--in-content-border-color) !important; + overflow: clip !important; /* Clip border-radius */ + } + + xul|listheader + xul|richlistbox { + margin-top: 0 !important; + border-top: none !important; + border-top-left-radius: 0 !important; + border-top-right-radius: 0 !important; + } + + html|select[size][multiple] > html|option, + xul|treechildren::-moz-tree-row { + padding: 0.3em inherit !important; + margin: 0 !important; + border: none !important; + border-radius: 0 !important; + background-image: none !important; + } + + xul|treechildren::-moz-tree-row(multicol, odd) { + background-color: var(--in-content-box-background-odd); + } + + html|select[size][multiple] > html|option:hover, + xul|richlistbox > xul|richlistitem:not([disabled="true"], [selected]):hover, + xul|treechildren::-moz-tree-row(hover) { + background-color: var(--in-content-item-hover) !important; + color: var(--in-content-item-hover-text) !important; + } + + xul|richlistbox > xul|richlistitem[selected], + xul|treechildren::-moz-tree-row(selected) { + background-color: var(--in-content-item-selected) !important; + color: var(--in-content-item-selected-text) !important; + } + + xul|richlistbox:not(#categories) > xul|richlistitem[selected] { + /* Ensure buttons/menulists inside richlistitems (containers, applications) look OK */ + --in-content-button-background: color-mix(in srgb, currentColor 15%, transparent) !important; + --in-content-button-background-hover: color-mix(in srgb, currentColor 30%, transparent) !important; + --in-content-button-background-active: color-mix(in srgb, currentColor 45%, transparent) !important; + --in-content-button-text-color: var(--in-content-item-selected-text) !important; + --in-content-button-text-color-hover: var(--in-content-item-selected-text) !important; + --in-content-focus-outline-color: var(--in-content-item-selected-text) !important; + } + + xul|richlistitem[selected] xul|menulist:focus-visible { + outline-offset: -2px !important; + } + + /* Use a 2px border so that selected row highlight is still visible behind + an existing high-contrast border that uses the background color */ + @media (prefers-contrast) { + xul|treechildren::-moz-tree-row(selected) { + border: 2px solid currentColor !important; + border-radius: 4px !important; + } + } + + xul|panel[type="autocomplete-richlistbox"] { + background-color: var(--in-content-box-background) !important; + border: 1px solid var(--in-content-box-border-color) !important; + color: var(--in-content-text-color) !important; + } + /*- Each OS --------------------------------------------------------------*/ @media (-moz-os-version: windows-win7), (-moz-os-version: windows-win8), (-moz-os-version: windows-win10) { xul|checkbox, From c6bc5fbf1fcabb062e6f274fcb761e8e44b92b24 Mon Sep 17 00:00:00 2001 From: BlaCk_Void Date: Mon, 11 Oct 2021 16:17:51 +0900 Subject: [PATCH 31/91] Fix: Remove Smooth Scrolling #225 --- user.js | 46 ---------------------------------------------- 1 file changed, 46 deletions(-) diff --git a/user.js b/user.js index 09c18fe..a73aefc 100644 --- a/user.js +++ b/user.js @@ -26,49 +26,3 @@ user_pref("browser.urlbar.suggest.calculator", true); // Integrated unit convertor at urlbar // user_pref("browser.urlbar.unitConversion.enabled", true); - -// ** Scrolling Options ******************************************************** -// based on natural smooth scrolling v2 by aveyo -// this preset will reset couple extra variables for consistency -// Pref Value Original -user_pref("apz.allow_zooming", true); /// true -user_pref("apz.force_disable_desktop_zooming_scrollbars", false); /// false -user_pref("apz.paint_skipping.enabled", true); /// true -user_pref("apz.windows.use_direct_manipulation", true); /// true -user_pref("dom.event.wheel-deltaMode-lines.always-disabled", true); /// false -user_pref("general.smoothScroll.currentVelocityWeighting", "0.12"); /// "0.25" <- 1. If scroll too slow, set to "0.15" -user_pref("general.smoothScroll.durationToIntervalRatio", 1000); /// 200 -user_pref("general.smoothScroll.lines.durationMaxMS", 100); /// 150 -user_pref("general.smoothScroll.lines.durationMinMS", 0); /// 150 -user_pref("general.smoothScroll.mouseWheel.durationMaxMS", 100); /// 200 -user_pref("general.smoothScroll.mouseWheel.durationMinMS", 0); /// 50 -user_pref("general.smoothScroll.mouseWheel.migrationPercent", 100); /// 100 -user_pref("general.smoothScroll.msdPhysics.continuousMotionMaxDeltaMS", 12); /// 120 -user_pref("general.smoothScroll.msdPhysics.enabled", true); /// false -user_pref("general.smoothScroll.msdPhysics.motionBeginSpringConstant", 200); /// 1250 -user_pref("general.smoothScroll.msdPhysics.regularSpringConstant", 200); /// 1000 -user_pref("general.smoothScroll.msdPhysics.slowdownMinDeltaMS", 10); /// 12 -user_pref("general.smoothScroll.msdPhysics.slowdownMinDeltaRatio", "1.20"); /// "1.3" -user_pref("general.smoothScroll.msdPhysics.slowdownSpringConstant", 1000); /// 2000 -user_pref("general.smoothScroll.other.durationMaxMS", 100); /// 150 -user_pref("general.smoothScroll.other.durationMinMS", 0); /// 150 -user_pref("general.smoothScroll.pages.durationMaxMS", 100); /// 150 -user_pref("general.smoothScroll.pages.durationMinMS", 0); /// 150 -user_pref("general.smoothScroll.pixels.durationMaxMS", 100); /// 150 -user_pref("general.smoothScroll.pixels.durationMinMS", 0); /// 150 -user_pref("general.smoothScroll.scrollbars.durationMaxMS", 100); /// 150 -user_pref("general.smoothScroll.scrollbars.durationMinMS", 0); /// 150 -user_pref("general.smoothScroll.stopDecelerationWeighting", "0.6"); /// "0.4" -user_pref("layers.async-pan-zoom.enabled", true); /// true -user_pref("layout.css.scroll-behavior.spring-constant", "250.0"); /// "250.0" -user_pref("mousewheel.acceleration.factor", 3); /// 10 -user_pref("mousewheel.acceleration.start", -1); /// -1 -user_pref("mousewheel.default.delta_multiplier_x", 100); /// 100 -user_pref("mousewheel.default.delta_multiplier_y", 100); /// 100 -user_pref("mousewheel.default.delta_multiplier_z", 100); /// 100 -user_pref("mousewheel.min_line_scroll_amount", 0); /// 5 -user_pref("mousewheel.system_scroll_override.enabled", true); /// true <- 2. If scroll too fast, set to false -user_pref("mousewheel.system_scroll_override_on_root_content.enabled", false); /// true -user_pref("mousewheel.transaction.timeout", 1500); /// 1500 -user_pref("toolkit.scrollbox.horizontalScrollDistance", 4); /// 5 -user_pref("toolkit.scrollbox.verticalScrollDistance", 3); /// 3 From b50c50dfb6e755eb09f7369c19be72113bd7497c Mon Sep 17 00:00:00 2001 From: BlaCk_Void Date: Mon, 11 Oct 2021 23:59:23 +0900 Subject: [PATCH 32/91] Add: Libray - Menu icons --- userChrome.css | 73 ++++++++++++++++++++++++++++++++++++++++++++++++++ 1 file changed, 73 insertions(+) diff --git a/userChrome.css b/userChrome.css index f71ac77..1b5c85c 100644 --- a/userChrome.css +++ b/userChrome.css @@ -3490,6 +3490,8 @@ menuitem:not(.menuitem-iconic, .in-menulist, [type="checkbox"], [checked="true"]), menupopup:is(#menu_FilePopup, #menu_EditPopup, #menu_viewPopup, #goPopup, #bookmarksMenuPopup, #menu_ToolsPopup, #menu_HelpPopup) menu:not(.menu-iconic, .in-menulist, [type="checkbox"], [checked="true"]), + menupopup:is(#organizeButtonPopup, #maintenanceButtonPopup) > menuitem, + menupopup:is(#viewMenuPopup, #maintenanceButtonPopup) > menu, #blockedPopupDontShowMessage { /* Color */ -moz-context-properties: fill, fill-opacity !important; @@ -3524,6 +3526,8 @@ menuitem:not(.menuitem-iconic, .in-menulist, [type="checkbox"], [checked="true"], .bookmark-item), menupopup:is(#menu_FilePopup, #menu_EditPopup, #menu_viewPopup, #goPopup, #bookmarksMenuPopup, #menu_ToolsPopup, #menu_HelpPopup) menu:not(.menu-iconic, .in-menulist, [type="checkbox"], [checked="true"]), + menupopup:is(#organizeButtonPopup, #maintenanceButtonPopup) > menuitem, + menupopup:is(#viewMenuPopup, #maintenanceButtonPopup) > menu, #blockedPopupDontShowMessage { background-position: left var(--context-menu-background-padding) center !important; padding-inline-start: var(--context-menu-background-padding) !important; @@ -3578,6 +3582,8 @@ menuitem:not(.menuitem-iconic, .in-menulist, [type="checkbox"], [checked="true"], .bookmark-item), menupopup:is(#menu_FilePopup, #menu_EditPopup, #menu_viewPopup, #goPopup, #bookmarksMenuPopup, #menu_ToolsPopup, #menu_HelpPopup) menu:not(.menu-iconic, .in-menulist, [type="checkbox"], [checked="true"]), + menupopup:is(#organizeButtonPopup, #maintenanceButtonPopup) > menuitem, + menupopup:is(#viewMenuPopup, #maintenanceButtonPopup) > menu, #blockedPopupDontShowMessage { background-position: left var(--context-menu-background-padding) center !important; padding-inline-start: 0 !important; @@ -3602,6 +3608,8 @@ menuitem:not(.menuitem-iconic, .in-menulist, [type="checkbox"], [checked="true"], .bookmark-item), menupopup:is(#menu_FilePopup, #menu_EditPopup, #menu_viewPopup, #goPopup, #bookmarksMenuPopup, #menu_ToolsPopup, #menu_HelpPopup) menu:not(.menu-iconic, .in-menulist, [type="checkbox"], [checked="true"]), + menupopup:is(#organizeButtonPopup, #maintenanceButtonPopup) > menuitem, + menupopup:is(#viewMenuPopup, #maintenanceButtonPopup) > menu, #blockedPopupDontShowMessage { padding-inline-start: var(--menu-background-padding-default) !important; margin-left: 0 !important; @@ -4676,4 +4684,69 @@ #helpPolicySupport { } + + /** Libray Menu *************************************************************/ + /*= organizeButtonPopup ====================================================*/ + #newbookmark { + --menuitem-image: url("chrome://browser/skin/bookmark.svg"); + } + #newfolder { + --menuitem-image: url("./icons/folder.svg"); + } + #newseparator { + --menuitem-image: url("./icons/vertical-line.svg"); + } + + #orgUndo { + --menuitem-image: url("chrome://global/skin/icons/undo.svg"); + } + #orgRedo { + } + + #orgCut { + --menuitem-image: url("chrome://browser/skin/edit-cut.svg"); + } + #orgCopy { + --menuitem-image: url("chrome://browser/skin/edit-copy.svg"); + } + #orgPaste { + --menuitem-image: url("chrome://browser/skin/edit-paste.svg"); + } + #orgDelete { + --menuitem-image: url("chrome://global/skin/icons/delete.svg"); + } + + #orgSelectAll { + --menuitem-image: url("./icons/select-all-on.svg"); + } + + #orgClose { + --menuitem-image: url("chrome://global/skin/icons/close.svg"); + } + + /*= viewMenuPopup ==========================================================*/ + #viewColumns { + --menuitem-image: url("chrome://global/skin/icons/columnpicker.svg"); + } + #viewSort { + --menuitem-image: url("./icons/text-sort-ascending.svg"); + } + + /*= maintenanceButtonPopup =================================================*/ + #backupBookmarks { + --menuitem-image: url("chrome://devtools/skin/images/datastore.svg"); + } + #fileRestoreMenu { + } + + #fileImport { + --menuitem-image: url("chrome://browser/skin/save.svg"); + } + #fileExport { + --menuitem-image: url("chrome://browser/skin/open.svg"); + } + + #browserImport { + --menuitem-image: url("chrome://browser/skin/import.svg"); + } } From c3e7a5f5f95012d5380769fe26ad601d2498bff3 Mon Sep 17 00:00:00 2001 From: alstjr7375 Date: Tue, 12 Oct 2021 09:08:27 +0900 Subject: [PATCH 33/91] Fix: Page Info - Table hover, selected colors --- userChrome.css | 11 +++++++---- 1 file changed, 7 insertions(+), 4 deletions(-) diff --git a/userChrome.css b/userChrome.css index 1b5c85c..b7995e5 100644 --- a/userChrome.css +++ b/userChrome.css @@ -1841,11 +1841,11 @@ } treechildren::-moz-tree-row(hover) { - background-color: var(--in-content-button-background-hover) !important; + color: var(--in-content-item-hover-text) !important; + background-color: var(--in-content-item-hover) !important; } treechildren::-moz-tree-row(selected) { - color: var(--in-content-text-color) !important; - background-color: var(--in-content-button-background-active) !important; + background-color: var(--in-content-item-selected) !important; } treechildren::-moz-tree-cell { @@ -1854,9 +1854,12 @@ padding: 4px !important; margin: 0 !important; } + treechildren::-moz-tree-cell-text(hover) { + color: var(--in-content-item-hover-text) !important; + } treechildren::-moz-tree-cell-text(selected) { font-weight: 600 !important; - color: color-mix(in srgb, var(--in-content-text-color) 95%, var(--in-content-table-background)) !important; + color: var(--in-content-item-selected-text) !important; } #imagecontainerbox { From 136068933fef4afd658ee4e6bf11ffeedbef43aa Mon Sep 17 00:00:00 2001 From: alstjr7375 Date: Tue, 12 Oct 2021 10:00:29 +0900 Subject: [PATCH 34/91] Add: Nav Bar - Resize Flexible space #224 --- userChrome.css | 6 ++++++ 1 file changed, 6 insertions(+) diff --git a/userChrome.css b/userChrome.css index b7995e5..bd81957 100644 --- a/userChrome.css +++ b/userChrome.css @@ -2107,6 +2107,12 @@ background-position-y: bottom calc(4.5px + var(--tabs-navbar-shadow-size)) !important; } + /*= Nav Bar - Reduce Width =================================================*/ + #nav-bar:not([customizing]) toolbarspring { + min-width: 1px !important; + max-width: 100px !important; + } + /*= URL Bar - Reduce Padding ===============================================*/ :root:not([uidensity="touch"]) #urlbar-container, :root:not([uidensity="touch"]) #search-container { From 2ab975f0b694ba37380d72f7f4352589c7463241 Mon Sep 17 00:00:00 2001 From: alstjr7375 Date: Thu, 14 Oct 2021 16:00:46 +0900 Subject: [PATCH 35/91] Add: Sound Tab - label transform animation --- userChrome.css | 13 ++++++++++--- 1 file changed, 10 insertions(+), 3 deletions(-) diff --git a/userChrome.css b/userChrome.css index 3703174..b84aa0d 100644 --- a/userChrome.css +++ b/userChrome.css @@ -2703,20 +2703,27 @@ fill-opacity: 0.8 !important; opacity: 1 !important; } - .tab-icon-overlay:not([pinned], [sharing], [crashed]):is([soundplaying], [muted], [activemedia-blocked]) { - margin-inline-end: 9.5px !important; + .tab-label-container > .tab-label { + transition: transform 0.25s var(--animation-easing-function); + } + .tabbrowser-tab:not([pinned], [sharing], [crashed]):is([soundplaying], [muted], [activemedia-blocked]) .tab-label { + transform: translateX(4px); } /* None exist favicon - Size bigger */ .tabbrowser-tab:not([image]) .tab-icon-overlay:not([pinned], [sharing], [crashed]) { top: 0 !important; inset-inline-end: 0 !important; - margin-inline-end: 5.5px !important; + margin-inline-end: 0 !important; padding: 0 !important; } .tabbrowser-tab:not([image]):is([soundplaying], [muted], [activemedia-blocked]) .tab-icon-image:not([pinned]) { opacity: 0 !important; /* Favicon hidden */ } + .tabbrowser-tab:not([image]):not([pinned], [sharing], [crashed]):is([soundplaying], [muted], [activemedia-blocked]) + .tab-label { + transform: translateX(5.5px); + } /* Busy - Show */ .tab-throbber[busy], From cd26efa04c159eeaa679590c3186e4b68c3591c0 Mon Sep 17 00:00:00 2001 From: alstjr7375 Date: Fri, 15 Oct 2021 17:05:18 +0900 Subject: [PATCH 36/91] Fix: Context Menu - `reload.svg` icon support #217 --- icons/reload.svg | 6 ++++++ userChrome.css | 9 ++------- 2 files changed, 8 insertions(+), 7 deletions(-) create mode 100644 icons/reload.svg diff --git a/icons/reload.svg b/icons/reload.svg new file mode 100644 index 0000000..7e499e6 --- /dev/null +++ b/icons/reload.svg @@ -0,0 +1,6 @@ + + + + \ No newline at end of file diff --git a/userChrome.css b/userChrome.css index b84aa0d..12ad356 100644 --- a/userChrome.css +++ b/userChrome.css @@ -3785,7 +3785,7 @@ #context_reloadTab, #context_reloadSelectedTabs { - /* --menuitem-image: url("chrome://global/skin/icons/reload.svg"); */ + --menuitem-image: url("./icons/reload.svg"); } #context_toggleMuteTab, #context_toggleMuteSelectedTabs { @@ -3872,7 +3872,7 @@ #toolbar-context-reloadSelectedTab, #toolbar-context-reloadSelectedTabs { - --menuitem-image: url("chrome://browser/skin/reload.svg"); + --menuitem-image: url("./icons/reload.svg"); } #toolbar-context-bookmarkSelectedTab, #toolbar-context-bookmarkSelectedTabs { @@ -4167,11 +4167,6 @@ #context-forward { --menuitem-image: url("chrome://browser/skin/forward.svg"); } - #context_reloadTab, - #context_reloadSelectedTabs, - #context-reload { - --menuitem-image: url("chrome://browser/skin/reload.svg"); - } #context-stop { --menuitem-image: url("chrome://global/skin/icons/close.svg"); } From eed21f6f4628df36c3211f0e677467a1834a2301 Mon Sep 17 00:00:00 2001 From: alstjr7375 Date: Sat, 16 Oct 2021 23:19:15 +0900 Subject: [PATCH 37/91] Fix: Icons - Name as fluent design #213 --- icons/{search-file.svg => document-search.svg} | 0 icons/{tab-copy.svg => notebook-subsection.svg} | 0 icons/{webdeveloper.svg => window-dev-tools.svg} | 0 icons/{developer.svg => wrench-filled.svg} | 0 userChrome.css | 12 ++++++------ 5 files changed, 6 insertions(+), 6 deletions(-) rename icons/{search-file.svg => document-search.svg} (100%) rename icons/{tab-copy.svg => notebook-subsection.svg} (100%) rename icons/{webdeveloper.svg => window-dev-tools.svg} (100%) rename icons/{developer.svg => wrench-filled.svg} (100%) diff --git a/icons/search-file.svg b/icons/document-search.svg similarity index 100% rename from icons/search-file.svg rename to icons/document-search.svg diff --git a/icons/tab-copy.svg b/icons/notebook-subsection.svg similarity index 100% rename from icons/tab-copy.svg rename to icons/notebook-subsection.svg diff --git a/icons/webdeveloper.svg b/icons/window-dev-tools.svg similarity index 100% rename from icons/webdeveloper.svg rename to icons/window-dev-tools.svg diff --git a/icons/developer.svg b/icons/wrench-filled.svg similarity index 100% rename from icons/developer.svg rename to icons/wrench-filled.svg diff --git a/userChrome.css b/userChrome.css index 12ad356..14d531b 100644 --- a/userChrome.css +++ b/userChrome.css @@ -3341,7 +3341,7 @@ /* Browser Toolbox - Edge webdeveloper.svg */ #appmenu-developer-tools-view .subviewbutton:nth-child(4), #PanelUI-developer-tools-view .subviewbutton:nth-child(4) { - list-style-image: url("./icons/webdeveloper.svg"); + list-style-image: url("./icons/window-dev-tools.svg"); } /* Browser Content Toolbaox - */ #appmenu-developer-tools-view .subviewbutton:nth-child(5), @@ -3366,7 +3366,7 @@ /* Page Source - Edge file-search.svg */ #appmenu-developer-tools-view .subviewbutton:nth-last-child(2), #PanelUI-developer-tools-view .subviewbutton:nth-last-child(2) { - list-style-image: url("./icons/search-file.svg"); + list-style-image: url("./icons/document-search.svg"); } /* Extensions for Devel */ #appmenu-developer-tools-view .subviewbutton:nth-last-child(1), @@ -3805,7 +3805,7 @@ } #context_duplicateTab, #context_duplicateTabs { - --menuitem-image: url("./icons/tab-copy.svg"); + --menuitem-image: url("./icons/notebook-subsection.svg"); } #context_bookmarkTab, @@ -4147,7 +4147,7 @@ #context-viewpartialsource-selection, #context-viewsource { - --menuitem-image: url("./icons/search-file.svg"); + --menuitem-image: url("./icons/document-search.svg"); } #context-inspect-a11y { --menuitem-image: url("chrome://devtools/skin/images/tool-accessibility.svg"); @@ -4690,7 +4690,7 @@ --menuitem-image: url("./icons/bug.svg"); } #menu_browserToolbox { - --menuitem-image: url("./icons/webdeveloper.svg"); + --menuitem-image: url("./icons/window-dev-tools.svg"); } #menu_browserContentToolbox { --menuitem-image: url("./icons/command-frames.svg"); @@ -4703,7 +4703,7 @@ #menu_eyedropper { } #menu_pageSource { - --menuitem-image: url("./icons/search-file.svg"); + --menuitem-image: url("./icons/document-search.svg"); } #extensionsForDevelopers { --menuitem-image: url("chrome://devtools/skin/images/debugging-addons.svg"); From d5255f7a029d99722d9328d1a3607c53308f8baf Mon Sep 17 00:00:00 2001 From: alstjr7375 Date: Sun, 17 Oct 2021 00:05:49 +0900 Subject: [PATCH 38/91] Add: Decoration - URL, Search bar border at hover --- userChrome.css | 7 +++++++ 1 file changed, 7 insertions(+) diff --git a/userChrome.css b/userChrome.css index 14d531b..3651de1 100644 --- a/userChrome.css +++ b/userChrome.css @@ -1885,6 +1885,13 @@ } /** Decoration **************************************************************/ + /*= URL, Search Bar ========================================================*/ + #urlbar:hover:not([focused="true"]) > #urlbar-background, + #searchbar:hover:not(:focus-within) { + border-color: var(--toolbar-field-focus-border-color); + box-shadow: 0px 0px 3px var(--toolbar-field-focus-border-color); + } + /*= Downloads Panel ========================================================*/ /* Accent Color for downloaded item */ #downloadsListBox .download-state[exists] .downloadDetails { From cb583b1eaa672ab4dedb9bdfc89708b0bec865a5 Mon Sep 17 00:00:00 2001 From: alstjr7375 Date: Sun, 17 Oct 2021 19:53:06 +0900 Subject: [PATCH 39/91] Add: Animate - Button, list's background color --- userChrome.css | 13 +++++++++++++ 1 file changed, 13 insertions(+) diff --git a/userChrome.css b/userChrome.css index 3651de1..16e9f65 100644 --- a/userChrome.css +++ b/userChrome.css @@ -1940,6 +1940,19 @@ } */ + /*= Animate ================================================================*/ + /* Background Color */ + button, + toolbarbutton, + menu, + menuitem, + stack, + vbox, + .subviewbutton, + .toolbarbutton-icon { + transition: background-color 1s var(--animation-easing-function) !important; + } + /** Reduce Padding **********************************************************/ /*= Root - Reduce Padding ==================================================*/ :root { From 8bebfb9e169db212072a6d123e846bd7ffcb3641 Mon Sep 17 00:00:00 2001 From: alstjr7375 Date: Sun, 17 Oct 2021 20:58:46 +0900 Subject: [PATCH 40/91] Fix: URL, Searchbar - Hover color at linux --- userChrome.css | 3 +-- 1 file changed, 1 insertion(+), 2 deletions(-) diff --git a/userChrome.css b/userChrome.css index 16e9f65..abbafa5 100644 --- a/userChrome.css +++ b/userChrome.css @@ -1888,8 +1888,7 @@ /*= URL, Search Bar ========================================================*/ #urlbar:hover:not([focused="true"]) > #urlbar-background, #searchbar:hover:not(:focus-within) { - border-color: var(--toolbar-field-focus-border-color); - box-shadow: 0px 0px 3px var(--toolbar-field-focus-border-color); + --toolbar-field-border-color: var(--toolbar-field-focus-border-color); } /*= Downloads Panel ========================================================*/ From 24fe2cfde109094ce3d8be97d7739ead3574f0ba Mon Sep 17 00:00:00 2001 From: alstjr7375 Date: Sun, 17 Oct 2021 21:40:24 +0900 Subject: [PATCH 41/91] Add: Animate - URL, Searchbar --- userChrome.css | 6 ++++++ 1 file changed, 6 insertions(+) diff --git a/userChrome.css b/userChrome.css index abbafa5..b27b50d 100644 --- a/userChrome.css +++ b/userChrome.css @@ -1952,6 +1952,12 @@ transition: background-color 1s var(--animation-easing-function) !important; } + /* URL / Search Bar */ + #urlbar-background, + #searchbar { + transition: border-color 0.5s var(--animation-easing-function), background-color 1s var(--animation-easing-function) !important; + } + /** Reduce Padding **********************************************************/ /*= Root - Reduce Padding ==================================================*/ :root { From 8054d93c4509a1d872141df3e921c83c661d04c3 Mon Sep 17 00:00:00 2001 From: alstjr7375 Date: Mon, 18 Oct 2021 09:20:55 +0900 Subject: [PATCH 42/91] Fix: Animate - Intro is fast, Outro is smooth --- userChrome.css | 14 ++++++++++++++ 1 file changed, 14 insertions(+) diff --git a/userChrome.css b/userChrome.css index b27b50d..5bd37c7 100644 --- a/userChrome.css +++ b/userChrome.css @@ -1951,10 +1951,24 @@ .toolbarbutton-icon { transition: background-color 1s var(--animation-easing-function) !important; } + button:hover, + toolbarbutton:hover, + menu:hover, + menuitem:hover, + stack:hover, + vbox:hover, + .subviewbutton:hover, + .toolbarbutton-icon:hover { + transition: background-color 0.25s var(--animation-easing-function) !important; + } /* URL / Search Bar */ #urlbar-background, #searchbar { + transition: border-color 1s var(--animation-easing-function), background-color 1.5s var(--animation-easing-function) !important; + } + #urlbar-background:hover, + #searchbar:hover { transition: border-color 0.5s var(--animation-easing-function), background-color 1s var(--animation-easing-function) !important; } From 300e808e9177c00bab7d7318f908e1a75bfc5ffa Mon Sep 17 00:00:00 2001 From: alstjr7375 Date: Mon, 18 Oct 2021 09:39:09 +0900 Subject: [PATCH 43/91] Fix: Animate - List menu reactivity --- userChrome.css | 17 +++++++++++------ 1 file changed, 11 insertions(+), 6 deletions(-) diff --git a/userChrome.css b/userChrome.css index 5bd37c7..e557963 100644 --- a/userChrome.css +++ b/userChrome.css @@ -1943,25 +1943,30 @@ /* Background Color */ button, toolbarbutton, - menu, - menuitem, stack, vbox, - .subviewbutton, .toolbarbutton-icon { transition: background-color 1s var(--animation-easing-function) !important; } button:hover, toolbarbutton:hover, - menu:hover, - menuitem:hover, stack:hover, vbox:hover, - .subviewbutton:hover, .toolbarbutton-icon:hover { transition: background-color 0.25s var(--animation-easing-function) !important; } + menu, + menuitem, + .subviewbutton { + transition: background-color 0.5s var(--animation-easing-function) !important; + } + menu:hover, + menuitem:hover, + .subviewbutton:hover { + transition: background-color 0.1s var(--animation-easing-function) !important; + } + /* URL / Search Bar */ #urlbar-background, #searchbar { From 55d0b3ebe11fb122c8ccfcbd0575070135333920 Mon Sep 17 00:00:00 2001 From: alstjr7375 Date: Mon, 18 Oct 2021 09:43:59 +0900 Subject: [PATCH 44/91] Add: Animate - Synced Tabs's arrow --- userChrome.css | 18 ++++++++++++++++++ 1 file changed, 18 insertions(+) diff --git a/userChrome.css b/userChrome.css index e557963..4d85e96 100644 --- a/userChrome.css +++ b/userChrome.css @@ -1977,6 +1977,24 @@ transition: border-color 0.5s var(--animation-easing-function), background-color 1s var(--animation-easing-function) !important; } + /* Arrow - Synced Tabs */ + @-moz-document url("chrome://browser/content/syncedtabs/sidebar.xhtml") + { + #template-container .item.client .item-twisty-container { + transition: transform 0.1s var(--animation-easing-function) !important; + } + + #template-container .item.client.closed .item-twisty-container { + transform: rotate(-90deg); + background-image: url("chrome://global/skin/icons/arrow-down-12.svg") !important; + } + + #template-container .item.client.closed .item-twisty-container:dir(rtl) { + transform: rotate(90deg); + background-image: url("chrome://global/skin/icons/arrow-down-12.svg") !important; + } + } + /** Reduce Padding **********************************************************/ /*= Root - Reduce Padding ==================================================*/ :root { From 5c5a9bb9b97d9c8fe246d4057aaabe062d118a72 Mon Sep 17 00:00:00 2001 From: alstjr7375 Date: Mon, 18 Oct 2021 09:52:43 +0900 Subject: [PATCH 45/91] Add: Animate - Edit Bookmark Popup --- userChrome.css | 14 ++++++++++++++ 1 file changed, 14 insertions(+) diff --git a/userChrome.css b/userChrome.css index 4d85e96..6f56db1 100644 --- a/userChrome.css +++ b/userChrome.css @@ -1959,6 +1959,7 @@ menu, menuitem, .subviewbutton { + /* treechildren::-moz-tree-row: Can't apply */ transition: background-color 0.5s var(--animation-easing-function) !important; } menu:hover, @@ -1980,6 +1981,7 @@ /* Arrow - Synced Tabs */ @-moz-document url("chrome://browser/content/syncedtabs/sidebar.xhtml") { + /* treechildren::-moz-tree-twisty: Can't apply */ #template-container .item.client .item-twisty-container { transition: transform 0.1s var(--animation-easing-function) !important; } @@ -1995,6 +1997,18 @@ } } + /* Arrow - Edit Bookmark Popup */ + #editBookmarkPanelRows .expander-up .button-icon, + #editBookmarkPanelRows .expander-down .button-icon { + transition: transform 0.1s var(--animation-easing-function) !important; + } + #editBookmarkPanelRows .expander-up { + list-style-image: url("chrome://global/skin/icons/arrow-down.svg") !important; + } + #editBookmarkPanelRows .expander-up .button-icon { + transform: rotate(180deg); + } + /** Reduce Padding **********************************************************/ /*= Root - Reduce Padding ==================================================*/ :root { From 3ca6fbba7fa6bbb5252a70ddca1d12c194444d6c Mon Sep 17 00:00:00 2001 From: BlaCk_Void Date: Tue, 19 Oct 2021 04:46:26 +0900 Subject: [PATCH 46/91] Fix: Icon - Viewbox --- icons/arrow-repeat-all.svg | 2 +- icons/copy-select.svg | 2 +- icons/folder.svg | 2 +- icons/image.svg | 2 +- icons/paste.svg | 2 +- icons/play.svg | 2 +- icons/sign-out.svg | 2 +- icons/tag-open.svg | 2 +- icons/video-clip.svg | 2 +- icons/video-snapshot.svg | 2 +- 10 files changed, 10 insertions(+), 10 deletions(-) diff --git a/icons/arrow-repeat-all.svg b/icons/arrow-repeat-all.svg index 04d35f3..f331021 100644 --- a/icons/arrow-repeat-all.svg +++ b/icons/arrow-repeat-all.svg @@ -1,3 +1,3 @@ - + diff --git a/icons/copy-select.svg b/icons/copy-select.svg index 0d56800..f116bd1 100644 --- a/icons/copy-select.svg +++ b/icons/copy-select.svg @@ -1,3 +1,3 @@ - + diff --git a/icons/folder.svg b/icons/folder.svg index 1185dde..ee73b3a 100644 --- a/icons/folder.svg +++ b/icons/folder.svg @@ -1,3 +1,3 @@ - + diff --git a/icons/image.svg b/icons/image.svg index 863c9d7..814fad8 100644 --- a/icons/image.svg +++ b/icons/image.svg @@ -1,4 +1,4 @@ - + diff --git a/icons/paste.svg b/icons/paste.svg index 339916a..8678b77 100644 --- a/icons/paste.svg +++ b/icons/paste.svg @@ -1,4 +1,4 @@ - + diff --git a/icons/play.svg b/icons/play.svg index 756dcc2..a38bb48 100644 --- a/icons/play.svg +++ b/icons/play.svg @@ -1,3 +1,3 @@ - + diff --git a/icons/sign-out.svg b/icons/sign-out.svg index 2e1bcab..a23657f 100644 --- a/icons/sign-out.svg +++ b/icons/sign-out.svg @@ -1,4 +1,4 @@ - \ No newline at end of file + \ No newline at end of file diff --git a/icons/tag-open.svg b/icons/tag-open.svg index 697f810..fc55312 100644 --- a/icons/tag-open.svg +++ b/icons/tag-open.svg @@ -1,6 +1,6 @@ - + diff --git a/icons/video-clip.svg b/icons/video-clip.svg index 8be8616..65656f1 100644 --- a/icons/video-clip.svg +++ b/icons/video-clip.svg @@ -1,3 +1,3 @@ - + diff --git a/icons/video-snapshot.svg b/icons/video-snapshot.svg index be15181..b44bcce 100644 --- a/icons/video-snapshot.svg +++ b/icons/video-snapshot.svg @@ -1,3 +1,3 @@ - + From 600b5f41b1cfbaa779a835c029826ba5b768f1ba Mon Sep 17 00:00:00 2001 From: alstjr7375 Date: Wed, 20 Oct 2021 10:43:36 +0900 Subject: [PATCH 47/91] Add: Animate - Pinned Tab --- userChrome.css | 27 +++++++++++++++++++++++---- 1 file changed, 23 insertions(+), 4 deletions(-) diff --git a/userChrome.css b/userChrome.css index 6f56db1..a550799 100644 --- a/userChrome.css +++ b/userChrome.css @@ -1940,7 +1940,7 @@ */ /*= Animate ================================================================*/ - /* Background Color */ + /*- Background Color -------------------------------------------------------*/ button, toolbarbutton, stack, @@ -1968,7 +1968,26 @@ transition: background-color 0.1s var(--animation-easing-function) !important; } - /* URL / Search Bar */ + /*- Pinned Tab -------------------------------------------------------------*/ + #tabbrowser-tabs:not([movingtab]) .tabbrowser-tab, + #tabbrowser-tabs:not([movingtab]) .tab-content, + #tabbrowser-tabs:not([movingtab]) .tab-content::before, + #tabbrowser-tabs:not([movingtab]) .tab-content::after { + transition: 0.2s var(--animation-easing-function) !important; + } + + #tabbrowser-tabs:not([movingtab]) .tabbrowser-tab { + transition-property: -moz-box-flex, margin-inline !important; + } + #tabbrowser-tabs:not([movingtab]) .tab-content { + transition-property: padding-inline; + } + #tabbrowser-tabs:not([movingtab]) .tab-content::before, + #tabbrowser-tabs:not([movingtab]) .tab-content::after { + transition-property: width, transform; + } + + /*- URL / Search Bar -------------------------------------------------------*/ #urlbar-background, #searchbar { transition: border-color 1s var(--animation-easing-function), background-color 1.5s var(--animation-easing-function) !important; @@ -1978,7 +1997,7 @@ transition: border-color 0.5s var(--animation-easing-function), background-color 1s var(--animation-easing-function) !important; } - /* Arrow - Synced Tabs */ + /*- Arrow - Synced Tabs ----------------------------------------------------*/ @-moz-document url("chrome://browser/content/syncedtabs/sidebar.xhtml") { /* treechildren::-moz-tree-twisty: Can't apply */ @@ -1997,7 +2016,7 @@ } } - /* Arrow - Edit Bookmark Popup */ + /*- Arrow - Edit Bookmark Popup --------------------------------------------*/ #editBookmarkPanelRows .expander-up .button-icon, #editBookmarkPanelRows .expander-down .button-icon { transition: transform 0.1s var(--animation-easing-function) !important; From 0b038d969838d7fbda2f6b1ba01ae905b1ed280f Mon Sep 17 00:00:00 2001 From: BlaCk_Void Date: Thu, 21 Oct 2021 02:02:51 +0900 Subject: [PATCH 48/91] Fix: Icons - Fluent icon's size with padding #213 --- icons/arrow-swap.svg | 7 +++---- icons/book-add.svg | 6 +++--- icons/book.svg | 8 ++++---- icons/calendar-agenda.svg | 6 +++--- icons/content-view.svg | 6 +++--- icons/document-css.svg | 6 +++--- icons/document-endnote.svg | 9 +++------ icons/document-landscape-split-hint.svg | 9 ++------- icons/eye-hide.svg | 7 +++---- icons/eye-show.svg | 6 +++--- icons/image-add.svg | 4 ++-- icons/image-alt-text.svg | 8 +++----- icons/image-arrow-counterclockwise.svg | 10 +++++----- icons/image-copy.svg | 6 +++--- icons/key-multiple.svg | 6 +++--- icons/mail-inbox-all-big.svg | 6 +++--- icons/mail-inbox-all.svg | 4 ++-- icons/mail-inbox-big.svg | 6 +++--- icons/notebook-subsection.svg | 8 ++++---- icons/password.svg | 8 +++----- icons/resize-image.svg | 4 ++-- icons/resize.svg | 9 +++------ icons/select-all-on.svg | 6 +++--- icons/tab-multiple.svg | 6 +++--- icons/text-direction-horizontal-ltr.svg | 4 ++-- icons/text-number-format.svg | 4 ++-- icons/text-proofing-tools.svg | 9 +++------ icons/time-picker.svg | 6 +++--- icons/toolbox.svg | 6 +++--- icons/video.svg | 4 ++-- 30 files changed, 87 insertions(+), 107 deletions(-) diff --git a/icons/arrow-swap.svg b/icons/arrow-swap.svg index 3e9cd87..6bdb4bf 100644 --- a/icons/arrow-swap.svg +++ b/icons/arrow-swap.svg @@ -1,4 +1,3 @@ - - - - + + + \ No newline at end of file diff --git a/icons/book-add.svg b/icons/book-add.svg index 701f923..fec2a1e 100644 --- a/icons/book-add.svg +++ b/icons/book-add.svg @@ -1,3 +1,3 @@ - - - + + + \ No newline at end of file diff --git a/icons/book.svg b/icons/book.svg index e60114d..eb196da 100644 --- a/icons/book.svg +++ b/icons/book.svg @@ -1,4 +1,4 @@ - - - - + + + + \ No newline at end of file diff --git a/icons/calendar-agenda.svg b/icons/calendar-agenda.svg index dd6470c..7c45ae8 100644 --- a/icons/calendar-agenda.svg +++ b/icons/calendar-agenda.svg @@ -1,3 +1,3 @@ - - - + + + \ No newline at end of file diff --git a/icons/content-view.svg b/icons/content-view.svg index 49238ff..6f9ac01 100644 --- a/icons/content-view.svg +++ b/icons/content-view.svg @@ -1,4 +1,4 @@ - - - + + + \ No newline at end of file diff --git a/icons/document-css.svg b/icons/document-css.svg index ddf331d..2a77b68 100644 --- a/icons/document-css.svg +++ b/icons/document-css.svg @@ -1,3 +1,3 @@ - - - + + + \ No newline at end of file diff --git a/icons/document-endnote.svg b/icons/document-endnote.svg index ef937cd..2e490fa 100644 --- a/icons/document-endnote.svg +++ b/icons/document-endnote.svg @@ -1,7 +1,4 @@ - - - - - - + + + diff --git a/icons/document-landscape-split-hint.svg b/icons/document-landscape-split-hint.svg index fc9f621..82954d5 100644 --- a/icons/document-landscape-split-hint.svg +++ b/icons/document-landscape-split-hint.svg @@ -1,8 +1,3 @@ - - - - - - - + + diff --git a/icons/eye-hide.svg b/icons/eye-hide.svg index 2b64e30..b941bad 100644 --- a/icons/eye-hide.svg +++ b/icons/eye-hide.svg @@ -1,5 +1,4 @@ - - - - + + + diff --git a/icons/eye-show.svg b/icons/eye-show.svg index 51e4fb5..c4c3444 100644 --- a/icons/eye-show.svg +++ b/icons/eye-show.svg @@ -1,4 +1,4 @@ - - - + + + diff --git a/icons/image-add.svg b/icons/image-add.svg index 871abf8..48e9bde 100644 --- a/icons/image-add.svg +++ b/icons/image-add.svg @@ -1,3 +1,3 @@ - - + + diff --git a/icons/image-alt-text.svg b/icons/image-alt-text.svg index f568344..af87ac2 100644 --- a/icons/image-alt-text.svg +++ b/icons/image-alt-text.svg @@ -1,5 +1,3 @@ - - - - - + + + \ No newline at end of file diff --git a/icons/image-arrow-counterclockwise.svg b/icons/image-arrow-counterclockwise.svg index 782ff9c..01a9987 100644 --- a/icons/image-arrow-counterclockwise.svg +++ b/icons/image-arrow-counterclockwise.svg @@ -1,5 +1,5 @@ - - - - - + + + + + \ No newline at end of file diff --git a/icons/image-copy.svg b/icons/image-copy.svg index 795a283..15fe31d 100644 --- a/icons/image-copy.svg +++ b/icons/image-copy.svg @@ -1,3 +1,3 @@ - - - + + + \ No newline at end of file diff --git a/icons/key-multiple.svg b/icons/key-multiple.svg index 36f5121..4a64c90 100644 --- a/icons/key-multiple.svg +++ b/icons/key-multiple.svg @@ -1,3 +1,3 @@ - - - + + + \ No newline at end of file diff --git a/icons/mail-inbox-all-big.svg b/icons/mail-inbox-all-big.svg index 511a024..d2ba265 100644 --- a/icons/mail-inbox-all-big.svg +++ b/icons/mail-inbox-all-big.svg @@ -1,3 +1,3 @@ - - - \ No newline at end of file + + + diff --git a/icons/mail-inbox-all.svg b/icons/mail-inbox-all.svg index f2c4456..7a96f40 100644 --- a/icons/mail-inbox-all.svg +++ b/icons/mail-inbox-all.svg @@ -1,3 +1,3 @@ - - + + diff --git a/icons/mail-inbox-big.svg b/icons/mail-inbox-big.svg index d3da257..669a9c4 100644 --- a/icons/mail-inbox-big.svg +++ b/icons/mail-inbox-big.svg @@ -1,3 +1,3 @@ - - - \ No newline at end of file + + + diff --git a/icons/notebook-subsection.svg b/icons/notebook-subsection.svg index 427332b..d85c15a 100644 --- a/icons/notebook-subsection.svg +++ b/icons/notebook-subsection.svg @@ -1,4 +1,4 @@ - - - - + + + + \ No newline at end of file diff --git a/icons/password.svg b/icons/password.svg index a485de7..43d6051 100644 --- a/icons/password.svg +++ b/icons/password.svg @@ -1,6 +1,4 @@ - - - - - + + + diff --git a/icons/resize-image.svg b/icons/resize-image.svg index c68de66..d5ccbb1 100644 --- a/icons/resize-image.svg +++ b/icons/resize-image.svg @@ -1,3 +1,3 @@ - - + + diff --git a/icons/resize.svg b/icons/resize.svg index 7df7cc7..43e4aa1 100644 --- a/icons/resize.svg +++ b/icons/resize.svg @@ -1,6 +1,3 @@ - - - - - - + + + \ No newline at end of file diff --git a/icons/select-all-on.svg b/icons/select-all-on.svg index 88c9496..94771c3 100644 --- a/icons/select-all-on.svg +++ b/icons/select-all-on.svg @@ -1,3 +1,3 @@ - - - + + + \ No newline at end of file diff --git a/icons/tab-multiple.svg b/icons/tab-multiple.svg index f77d817..66874c2 100644 --- a/icons/tab-multiple.svg +++ b/icons/tab-multiple.svg @@ -1,4 +1,4 @@ - - - + + + diff --git a/icons/text-direction-horizontal-ltr.svg b/icons/text-direction-horizontal-ltr.svg index e5ad45e..6c6ab8d 100644 --- a/icons/text-direction-horizontal-ltr.svg +++ b/icons/text-direction-horizontal-ltr.svg @@ -1,3 +1,3 @@ - - + + diff --git a/icons/text-number-format.svg b/icons/text-number-format.svg index fb4d19b..7f20275 100644 --- a/icons/text-number-format.svg +++ b/icons/text-number-format.svg @@ -1,3 +1,3 @@ - - + + diff --git a/icons/text-proofing-tools.svg b/icons/text-proofing-tools.svg index 038e9e1..9247c70 100644 --- a/icons/text-proofing-tools.svg +++ b/icons/text-proofing-tools.svg @@ -1,6 +1,3 @@ - - - - - - + + + \ No newline at end of file diff --git a/icons/time-picker.svg b/icons/time-picker.svg index 75cf3d4..098e21f 100644 --- a/icons/time-picker.svg +++ b/icons/time-picker.svg @@ -1,3 +1,3 @@ - - - + + + \ No newline at end of file diff --git a/icons/toolbox.svg b/icons/toolbox.svg index e130f6f..7e1a6bb 100644 --- a/icons/toolbox.svg +++ b/icons/toolbox.svg @@ -1,3 +1,3 @@ - - - + + + \ No newline at end of file diff --git a/icons/video.svg b/icons/video.svg index 4cf7727..bce7022 100644 --- a/icons/video.svg +++ b/icons/video.svg @@ -1,3 +1,3 @@ - - + + From 68faf23c45ffa33fbf64682060e309010bfaf300 Mon Sep 17 00:00:00 2001 From: alstjr7375 Date: Thu, 21 Oct 2021 09:36:11 +0900 Subject: [PATCH 49/91] Fix: Icons - `mail-inbox-*.svg` met the criteria for `mail-inbox-*big.svg` --- icons/mail-inbox-all-big.svg | 3 --- icons/mail-inbox-all.svg | 2 +- icons/{mail-inbox-big.svg => mail-inbox.svg} | 0 userChrome.css | 4 ++-- 4 files changed, 3 insertions(+), 6 deletions(-) delete mode 100644 icons/mail-inbox-all-big.svg rename icons/{mail-inbox-big.svg => mail-inbox.svg} (100%) diff --git a/icons/mail-inbox-all-big.svg b/icons/mail-inbox-all-big.svg deleted file mode 100644 index d2ba265..0000000 --- a/icons/mail-inbox-all-big.svg +++ /dev/null @@ -1,3 +0,0 @@ - - - diff --git a/icons/mail-inbox-all.svg b/icons/mail-inbox-all.svg index 7a96f40..d2ba265 100644 --- a/icons/mail-inbox-all.svg +++ b/icons/mail-inbox-all.svg @@ -1,3 +1,3 @@ - + diff --git a/icons/mail-inbox-big.svg b/icons/mail-inbox.svg similarity index 100% rename from icons/mail-inbox-big.svg rename to icons/mail-inbox.svg diff --git a/userChrome.css b/userChrome.css index a550799..0a5c207 100644 --- a/userChrome.css +++ b/userChrome.css @@ -3012,7 +3012,7 @@ :-moz-any(#bookmarks-view, #editBMPanel_folderTree, #placesList, #placeContent) treechildren::-moz-tree-image(container, queryFolder_unfiled_____), #editBMPanel_unfiledRootItem, #editBMPanel_folderMenuList[selectedGuid="unfiled_____"] { - list-style-image: url("./icons/mail-inbox-all-big.svg") !important; + list-style-image: url("./icons/mail-inbox-all.svg") !important; } /* Other Folder - Open */ @@ -3023,7 +3023,7 @@ treechildren::-moz-tree-image(container, open, OrganizerQuery_UnfiledBookmarks), :-moz-any(#bookmarks-view, #editBMPanel_folderTree, #placesList, #placeContent) treechildren::-moz-tree-image(container, open, queryFolder_unfiled_____) { - list-style-image: url("./icons/mail-inbox-big.svg") !important; + list-style-image: url("./icons/mail-inbox.svg") !important; } /*= Default Icon - Overide =================================================*/ From 6cc851e83017554fa0cec598ae9493b4fc062829 Mon Sep 17 00:00:00 2001 From: alstjr7375 Date: Thu, 21 Oct 2021 09:45:53 +0900 Subject: [PATCH 50/91] Fix: Menu Bar - Icons padding at linux --- userChrome.css | 4 ++++ 1 file changed, 4 insertions(+) diff --git a/userChrome.css b/userChrome.css index 0a5c207..091e790 100644 --- a/userChrome.css +++ b/userChrome.css @@ -3743,6 +3743,10 @@ :root { --context-menu-background-padding-default: 6px; } + + #main-menubar > menu > .menubar-text { + padding-inline-start: 3px; + } } /* Padding - Mac */ From ca25ece71513a4f0987280d7da40c12db8df8a51 Mon Sep 17 00:00:00 2001 From: alstjr7375 Date: Thu, 21 Oct 2021 10:28:07 +0900 Subject: [PATCH 51/91] Fix: Animate - Pinned Tab's max-width in duration, label transition --- userChrome.css | 12 ++++++++++-- 1 file changed, 10 insertions(+), 2 deletions(-) diff --git a/userChrome.css b/userChrome.css index 091e790..e9680dd 100644 --- a/userChrome.css +++ b/userChrome.css @@ -1972,12 +1972,14 @@ #tabbrowser-tabs:not([movingtab]) .tabbrowser-tab, #tabbrowser-tabs:not([movingtab]) .tab-content, #tabbrowser-tabs:not([movingtab]) .tab-content::before, - #tabbrowser-tabs:not([movingtab]) .tab-content::after { + #tabbrowser-tabs:not([movingtab]) .tab-content::after, + #tabbrowser-tabs:not([movingtab]) .tab-content .tab-icon-image { transition: 0.2s var(--animation-easing-function) !important; } #tabbrowser-tabs:not([movingtab]) .tabbrowser-tab { transition-property: -moz-box-flex, margin-inline !important; + max-width: calc(var(--tab-max-width, 240px) + 5px); } #tabbrowser-tabs:not([movingtab]) .tab-content { transition-property: padding-inline; @@ -1986,6 +1988,9 @@ #tabbrowser-tabs:not([movingtab]) .tab-content::after { transition-property: width, transform; } + #tabbrowser-tabs:not([movingtab]) .tab-content .tab-icon-image { + transition-property: margin-inline; + } /*- URL / Search Bar -------------------------------------------------------*/ #urlbar-background, @@ -2119,8 +2124,11 @@ } /* Tab - Max Size */ + :root { + --tab-max-width: 240px; + } .tabbrowser-tab[fadein]:not([pinned]):not([style*="max-width"]) { - max-width: 240px !important; /* Original: 225px */ + max-width: var(--tab-max-width) !important; /* Original: 225px */ } /* neighbouring tabs should "pinch" together */ From 188a44f0161da8c354dd6ece394ee2b061f5aa26 Mon Sep 17 00:00:00 2001 From: BlaCk_Void Date: Fri, 22 Oct 2021 01:12:17 +0900 Subject: [PATCH 52/91] Fix: Icon - padding, viewbox #213 --- icons/identity-icons-brand.svg | 2 +- icons/image.svg | 10 ++-------- 2 files changed, 3 insertions(+), 9 deletions(-) diff --git a/icons/identity-icons-brand.svg b/icons/identity-icons-brand.svg index 9beb35f..c1801e0 100644 --- a/icons/identity-icons-brand.svg +++ b/icons/identity-icons-brand.svg @@ -1,3 +1,3 @@ - + diff --git a/icons/image.svg b/icons/image.svg index 814fad8..33709ea 100644 --- a/icons/image.svg +++ b/icons/image.svg @@ -1,9 +1,3 @@ - - - - - - + + From 1f38211cf71038bc9c2ef19efcebd93965f1a0ec Mon Sep 17 00:00:00 2001 From: alstjr7375 Date: Fri, 22 Oct 2021 10:20:46 +0900 Subject: [PATCH 53/91] Fix: Animate - Pinned tab sideeffect at open, close --- userChrome.css | 28 +++++++++++++++------------- 1 file changed, 15 insertions(+), 13 deletions(-) diff --git a/userChrome.css b/userChrome.css index e9680dd..867ca27 100644 --- a/userChrome.css +++ b/userChrome.css @@ -1969,27 +1969,29 @@ } /*- Pinned Tab -------------------------------------------------------------*/ - #tabbrowser-tabs:not([movingtab]) .tabbrowser-tab, - #tabbrowser-tabs:not([movingtab]) .tab-content, - #tabbrowser-tabs:not([movingtab]) .tab-content::before, - #tabbrowser-tabs:not([movingtab]) .tab-content::after, - #tabbrowser-tabs:not([movingtab]) .tab-content .tab-icon-image { - transition: 0.2s var(--animation-easing-function) !important; + #tabbrowser-tabs:not([movingtab]) .tabbrowser-tab:not([collapsed]) { + /* -moz-box-flex may be caused #tabbrowser-tabs[closebuttons] */ + transition: -moz-box-flex 0.2s var(--animation-easing-function), + margin-inline-start 0.2s var(--animation-easing-function), min-width 0.1s ease-out, max-width 0.1s ease-out !important; + max-width: var(--tab-max-width, 240px); + } + #tabbrowser-tabs:not([movingtab]) .tabbrowser-tab[pinned] { + transition: -moz-box-flex 0.2s var(--animation-easing-function), + margin-inline-start 0.2s var(--animation-easing-function) !important; } - #tabbrowser-tabs:not([movingtab]) .tabbrowser-tab { - transition-property: -moz-box-flex, margin-inline !important; - max-width: calc(var(--tab-max-width, 240px) + 5px); - } #tabbrowser-tabs:not([movingtab]) .tab-content { - transition-property: padding-inline; + transition: padding-inline 0.2s var(--animation-easing-function) !important; } #tabbrowser-tabs:not([movingtab]) .tab-content::before, #tabbrowser-tabs:not([movingtab]) .tab-content::after { - transition-property: width, transform; + transition: width 0.2s var(--animation-easing-function), transform 0.2s var(--animation-easing-function) !important; + } + #tabbrowser-tabs:not([movingtab]) .tab-content .tab-label-container { + transition: width 0.3s var(--animation-easing-function) !important; } #tabbrowser-tabs:not([movingtab]) .tab-content .tab-icon-image { - transition-property: margin-inline; + transition: all 0.3s var(--animation-easing-function) !important; } /*- URL / Search Bar -------------------------------------------------------*/ From 42e2ab9dcc0d8398a143bdc919e968e9912892ec Mon Sep 17 00:00:00 2001 From: alstjr7375 Date: Fri, 22 Oct 2021 13:38:24 +0900 Subject: [PATCH 54/91] Fix: Migrate -moz-toolbar-prefers-color-scheme -> `prefers-color-scheme` #250 --- userChrome.css | 12 ++++++------ userContent.css | 2 +- 2 files changed, 7 insertions(+), 7 deletions(-) diff --git a/userChrome.css b/userChrome.css index fcf9a2b..01ba7b6 100644 --- a/userChrome.css +++ b/userChrome.css @@ -249,7 +249,7 @@ --win-accent-hover-color: color-mix(in srgb, rgba(255, 255, 255, 0.8) 27%, -moz-accent-color); --win-accent-active-color: -moz-accent-color; } - @media (-moz-toolbar-prefers-color-scheme: dark) { + @media (prefers-color-scheme: dark) { :root:not(:-moz-lwtheme), :root[lwt-default-theme-in-dark-mode] { --win-text-color: #ffffff; @@ -428,7 +428,7 @@ --sidebar-text-color: var(--win-text-color) !important; --sidebar-border-color: var(--win-sidebar-border-color) !important; } - @media (-moz-toolbar-prefers-color-scheme: dark) { + @media (prefers-color-scheme: dark) { .sidebar-panel[style="--newtab-background-color: rgba(43, 42, 51, 1); --newtab-text-primary-color: rgba(251, 251, 254, 1); --lwt-sidebar-background-color: rgb(56, 56, 61); --lwt-sidebar-text-color: rgba(249, 249, 250, 1);"], body[lwt-sidebar][style="--newtab-background-color: rgba(43, 42, 51, 1); --newtab-text-primary-color: rgba(251, 251, 254, 1); --lwt-sidebar-background-color: rgb(56, 56, 61); --lwt-sidebar-text-color: rgba(249, 249, 250, 1);"], .sidebar-panel[style="--newtab-background-color: rgb(43, 42, 51); --newtab-text-primary-color: rgba(251, 251, 254, 1); --lwt-sidebar-background-color: rgb(56, 56, 61); --lwt-sidebar-text-color: rgba(249, 249, 250, 1);"], /* Nightly */ @@ -452,7 +452,7 @@ :root[lwtheme-mozlightdark]:not([lwthemetextcolor="bright"]):not(:-moz-lwtheme) { --lwt-accent-color: var(--win-bgcolor) !important; } - @media (-moz-toolbar-prefers-color-scheme: dark) { + @media (toolbar-prefers-color-scheme: dark) { :root[lwt-default-theme-in-dark-mode][lwthemetextcolor="bright"] { --toolbar-bgcolor: var(--win-component-bgcolor) !important; /* Original: rgba(43, 42, 51, 1) */ } @@ -658,7 +658,7 @@ --panelview-toolbarbutton-focus-box-shadow: inset 0 0 0 2px var(--focus-outline-color) !important; } - @media (-moz-toolbar-prefers-color-scheme: dark) { + @media (prefers-color-scheme: dark) { :root:not(:-moz-lwtheme), :root[lwt-default-theme-in-dark-mode] { --mac-field-bgcolor: Field; @@ -701,7 +701,7 @@ --sidebar-text-color: var(--mac-text-color) !important; /* --sidebar-border-color: var(--win-sidebar-border-color) !important; */ } - @media (-moz-toolbar-prefers-color-scheme: dark) { + @media (prefers-color-scheme: dark) { .sidebar-panel[style="--newtab-background-color: rgba(43, 42, 51, 1); --newtab-text-primary-color: rgba(251, 251, 254, 1); --lwt-sidebar-background-color: rgb(56, 56, 61); --lwt-sidebar-text-color: rgba(249, 249, 250, 1);"], body[lwt-sidebar][style="--newtab-background-color: rgba(43, 42, 51, 1); --newtab-text-primary-color: rgba(251, 251, 254, 1); --lwt-sidebar-background-color: rgb(56, 56, 61); --lwt-sidebar-text-color: rgba(249, 249, 250, 1);"], .sidebar-panel[style="--newtab-background-color: rgb(43, 42, 51); --newtab-text-primary-color: rgba(251, 251, 254, 1); --lwt-sidebar-background-color: rgb(56, 56, 61); --lwt-sidebar-text-color: rgba(249, 249, 250, 1);"], /* Nightly */ @@ -719,7 +719,7 @@ /*- Others ---------------------------------------------------------------*/ /* For Overwrite */ - @media (-moz-toolbar-prefers-color-scheme: dark) { + @media (prefers-color-scheme: dark) { :root[lwt-default-theme-in-dark-mode][lwthemetextcolor="bright"] { --toolbar-bgcolor: color-mix(in srgb, rgb(255, 255, 255) 15%, -moz-dialog) !important; } diff --git a/userContent.css b/userContent.css index a246d69..3c6f9b4 100644 --- a/userContent.css +++ b/userContent.css @@ -1112,7 +1112,7 @@ --view-source-green: var(--green-80); --view-source-purple: #800080; /* Like alphenglow */ } - @media (-moz-toolbar-prefers-color-scheme: dark) { + @media (prefers-color-scheme: dark) { :root { --view-source-green: var(--green-60); --view-source-purple: #c68aff; From f108deba7fcc78ba63cf8c223cf946d400ba9659 Mon Sep 17 00:00:00 2001 From: alstjr7375 Date: Fri, 22 Oct 2021 16:21:59 +0900 Subject: [PATCH 55/91] Fix: Sound Tab - Label margin at none favicon --- userChrome.css | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/userChrome.css b/userChrome.css index 01ba7b6..1ec583d 100644 --- a/userChrome.css +++ b/userChrome.css @@ -2838,7 +2838,7 @@ } .tabbrowser-tab:not([image]):not([pinned], [sharing], [crashed]):is([soundplaying], [muted], [activemedia-blocked]) .tab-label { - transform: translateX(5.5px); + transform: translateX(3px); } /* Busy - Show */ From 22765912a7fbb7a8cf6bbc12e3fecfba4117f649 Mon Sep 17 00:00:00 2001 From: alstjr7375 Date: Fri, 22 Oct 2021 16:37:40 +0900 Subject: [PATCH 56/91] Add: Animate - Expand synced tabs --- userChrome.css | 21 +++++++++++++++++++++ 1 file changed, 21 insertions(+) diff --git a/userChrome.css b/userChrome.css index 1ec583d..750d213 100644 --- a/userChrome.css +++ b/userChrome.css @@ -2008,6 +2008,27 @@ transition: border-color 0.5s var(--animation-easing-function), background-color 1s var(--animation-easing-function) !important; } + /*- Expand - Synced Tabs ---------------------------------------------------*/ + @-moz-document url("chrome://browser/content/syncedtabs/sidebar.xhtml") + { + .item-tabs-list { + transition: transform 0.2s ease-out, opacity 0.2s ease-out; + transform: translateY(0%); + opacity: 1; + max-height: 100%; + } + + .item.client.closed .item-tabs-list { + display: flex !important; + + transition: transform 0.2s ease-out, opacity 0.2s ease-out, max-height 0.1s ease-in 0.05s; + visibility: hidden; + transform: translateY(-100%); + opacity: 0; + max-height: 0; + } + } + /*- Arrow - Synced Tabs ----------------------------------------------------*/ @-moz-document url("chrome://browser/content/syncedtabs/sidebar.xhtml") { From a404e55231a4a4487506b7bb4a7116f0cd054e4a Mon Sep 17 00:00:00 2001 From: alstjr7375 Date: Sat, 23 Oct 2021 16:47:29 +0900 Subject: [PATCH 57/91] Add: Animate - Activitysteam --- userContent.css | 33 +++++++++++++++++++++++++++++++++ 1 file changed, 33 insertions(+) diff --git a/userContent.css b/userContent.css index 3c6f9b4..73b6a82 100644 --- a/userContent.css +++ b/userContent.css @@ -31,6 +31,39 @@ height: 100% !important; /* Original: 48px */ } + /** Activity Stream - Animate *********************************************/ + :root { + --animation-easing-function: cubic-bezier(0.07, 0.95, 0, 1); + } + + /* Background */ + .top-site-outer, + #searchSubmit, + button.icon, + button.close-button { + transition: background 1.5s var(--animation-easing-function); + } + .top-site-outer:hover, + #searchSubmit:hover, + button.icon:hover, + button.close-button:hover { + transition: background 0.5s var(--animation-easing-function); + } + + /* Search Bar */ + .search-inner-wrapper input { + transition: 1s var(--animation-easing-function); + transition-property: border-color, box-shadow; + } + .search-wrapper .search-inner-wrapper:active input, + .search-wrapper input:focus { + transition: border-color 0.5s var(--animation-easing-function), box-shadow 1s var(--animation-easing-function); + } + .search-wrapper .search-inner-wrapper:hover input { + border-color: var(--newtab-primary-action-background) !important; + transition: border-color 0.5s var(--animation-easing-function); + } + /** Activity Stream - Home Search Bar looks like proton *******************/ /* Dropdown Colors */ #root { From 83412170e552e5adfe14f93a15caa2ef42c78e3d Mon Sep 17 00:00:00 2001 From: alstjr7375 Date: Sun, 24 Oct 2021 15:38:44 +0900 Subject: [PATCH 58/91] Fix: Bottom Rounded Corner - GTK supports --- userChrome.css | 23 ++++++++++++++--------- 1 file changed, 14 insertions(+), 9 deletions(-) diff --git a/userChrome.css b/userChrome.css index 750d213..cabb4ae 100644 --- a/userChrome.css +++ b/userChrome.css @@ -2574,6 +2574,8 @@ :root:not([customizing="true"]) tab[visuallyselected] > stack::before, :root:not([customizing="true"]) tab[visuallyselected] > stack::after { + content: "" !important; + /* Box */ display: block !important; position: absolute !important; @@ -2610,16 +2612,19 @@ } @media (-moz-gtk-csd-available) { - /* Don't enabled at GTK */ - :root:not([customizing="true"])[lwtheme="true"] tab[visuallyselected] > stack::before, - :root:not([customizing="true"])[lwtheme="true"] tab[visuallyselected] > stack::after { - content: "" !important; + /* Fill color for GTK */ + :root:not([customizing="true"]):not([lwtheme="true"]) tab[visuallyselected] > stack::before, + :root:not([customizing="true"]):not([lwtheme="true"]) tab[visuallyselected] > stack::after { + /* As GTK Toolbar's background-color + backround-image + * --toolbar-non-lwt-bgcolor: -moz-dialog; + * --toolbar-non-lwt-bgimage: linear-gradient(rgba(255,255,255,.15), rgba(255,255,255,.15)); + */ + fill: color-mix(in srgb, rgb(255, 255, 255) 15%, -moz-dialog) !important; + stroke: transparent !important; } - } - @media not all and (-moz-gtk-csd-available) { - :root:not([customizing="true"]) tab[visuallyselected] > stack::before, - :root:not([customizing="true"]) tab[visuallyselected] > stack::after { - content: "" !important; + :root:not([customizing="true"]):not([lwtheme="true"]) #TabsToolbar[brighttext] tab[visuallyselected] > stack::before, + :root:not([customizing="true"]):not([lwtheme="true"]) #TabsToolbar[brighttext] tab[visuallyselected] > stack::after { + stroke: transparent !important; } } From 6e6f174f0ed84217a969375c31fcbe40c3c92078 Mon Sep 17 00:00:00 2001 From: black7375 Date: Mon, 25 Oct 2021 01:08:11 +0000 Subject: [PATCH 59/91] Clean: Prettified Code! --- userChrome.css | 10 ++++++++-- 1 file changed, 8 insertions(+), 2 deletions(-) diff --git a/userChrome.css b/userChrome.css index cabb4ae..486174d 100644 --- a/userChrome.css +++ b/userChrome.css @@ -2622,8 +2622,14 @@ fill: color-mix(in srgb, rgb(255, 255, 255) 15%, -moz-dialog) !important; stroke: transparent !important; } - :root:not([customizing="true"]):not([lwtheme="true"]) #TabsToolbar[brighttext] tab[visuallyselected] > stack::before, - :root:not([customizing="true"]):not([lwtheme="true"]) #TabsToolbar[brighttext] tab[visuallyselected] > stack::after { + :root:not([customizing="true"]):not([lwtheme="true"]) + #TabsToolbar[brighttext] + tab[visuallyselected] + > stack::before, + :root:not([customizing="true"]):not([lwtheme="true"]) + #TabsToolbar[brighttext] + tab[visuallyselected] + > stack::after { stroke: transparent !important; } } From c9fe7b914068cf0dbe11afdaa8cf1a169bfa1688 Mon Sep 17 00:00:00 2001 From: alstjr7375 Date: Mon, 25 Oct 2021 10:34:29 +0900 Subject: [PATCH 60/91] Fix: Animate - Synced Tab Expand list cubic-bezier like new tab --- userChrome.css | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/userChrome.css b/userChrome.css index cabb4ae..7f83353 100644 --- a/userChrome.css +++ b/userChrome.css @@ -2021,7 +2021,7 @@ .item.client.closed .item-tabs-list { display: flex !important; - transition: transform 0.2s ease-out, opacity 0.2s ease-out, max-height 0.1s ease-in 0.05s; + transition: transform 0.2s ease-out, opacity 0.2s ease-out, max-height 0.25s cubic-bezier(0.82, 0.085, 0.395, 0.895) 0.05s; visibility: hidden; transform: translateY(-100%); opacity: 0; From 8fbe3a4b0f497ab48e64f3ea1ec8dbba4881e2bd Mon Sep 17 00:00:00 2001 From: alstjr7375 Date: Mon, 25 Oct 2021 15:37:32 +0900 Subject: [PATCH 61/91] Add: Animate - Sidebar --- userChrome.css | 19 +++++++++++++++++++ 1 file changed, 19 insertions(+) diff --git a/userChrome.css b/userChrome.css index 7f83353..ae78f3a 100644 --- a/userChrome.css +++ b/userChrome.css @@ -2008,6 +2008,25 @@ transition: border-color 0.5s var(--animation-easing-function), background-color 1s var(--animation-easing-function) !important; } + /*- Sidebar ----------------------------------------------------------------*/ + #sidebar-box { + /* like #sidebar-box > #sidebar */ + min-width: 14em; + width: 18em; + max-width: 36em; + + /* Animation */ + transition: margin-inline-start 0.25s var(--animation-easing-function), opacity 0.25s ease-in-out, visibility 0s linear !important; + + } + #sidebar-box[hidden="true"] { + display: -moz-box !important; + margin-inline-start: -18em; + opacity: 0; + visibility: collapse; + transition-delay: 0s, 0s, 0.25s !important; + } + /*- Expand - Synced Tabs ---------------------------------------------------*/ @-moz-document url("chrome://browser/content/syncedtabs/sidebar.xhtml") { From 377aaff86d7a48850c6ffa455fb8bb4c8d64fe12 Mon Sep 17 00:00:00 2001 From: black7375 Date: Mon, 25 Oct 2021 06:38:19 +0000 Subject: [PATCH 62/91] Clean: Prettified Code! --- userChrome.css | 27 ++++++++++++++------------- 1 file changed, 14 insertions(+), 13 deletions(-) diff --git a/userChrome.css b/userChrome.css index b425cb8..77d668d 100644 --- a/userChrome.css +++ b/userChrome.css @@ -2010,21 +2010,21 @@ /*- Sidebar ----------------------------------------------------------------*/ #sidebar-box { - /* like #sidebar-box > #sidebar */ - min-width: 14em; - width: 18em; - max-width: 36em; - - /* Animation */ - transition: margin-inline-start 0.25s var(--animation-easing-function), opacity 0.25s ease-in-out, visibility 0s linear !important; + /* like #sidebar-box > #sidebar */ + min-width: 14em; + width: 18em; + max-width: 36em; + /* Animation */ + transition: margin-inline-start 0.25s var(--animation-easing-function), opacity 0.25s ease-in-out, + visibility 0s linear !important; } #sidebar-box[hidden="true"] { - display: -moz-box !important; - margin-inline-start: -18em; - opacity: 0; - visibility: collapse; - transition-delay: 0s, 0s, 0.25s !important; + display: -moz-box !important; + margin-inline-start: -18em; + opacity: 0; + visibility: collapse; + transition-delay: 0s, 0s, 0.25s !important; } /*- Expand - Synced Tabs ---------------------------------------------------*/ @@ -2040,7 +2040,8 @@ .item.client.closed .item-tabs-list { display: flex !important; - transition: transform 0.2s ease-out, opacity 0.2s ease-out, max-height 0.25s cubic-bezier(0.82, 0.085, 0.395, 0.895) 0.05s; + transition: transform 0.2s ease-out, opacity 0.2s ease-out, + max-height 0.25s cubic-bezier(0.82, 0.085, 0.395, 0.895) 0.05s; visibility: hidden; transform: translateY(-100%); opacity: 0; From 3ebd8d11ca97dc04d4891193ee383ddf3c86bc89 Mon Sep 17 00:00:00 2001 From: alstjr7375 Date: Tue, 26 Oct 2021 11:53:29 +0900 Subject: [PATCH 63/91] Fix: System Default Theme - Mac Panel Color's typo --- userChrome.css | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/userChrome.css b/userChrome.css index 77d668d..b6f97ce 100644 --- a/userChrome.css +++ b/userChrome.css @@ -662,7 +662,7 @@ :root:not(:-moz-lwtheme), :root[lwt-default-theme-in-dark-mode] { --mac-field-bgcolor: Field; - --mac-panel-bgcolor: -moz-CellHiglight; + --mac-panel-bgcolor: -moz-CellHighlight; --mac-hover-bgcolor: ButtonFace; --toolbar-field-focus-background-color: var(--mac-bgcolor) !important; From 16f313ea6f9a0e9b34ab49beead2d65351c9461d Mon Sep 17 00:00:00 2001 From: alstjr7375 Date: Tue, 26 Oct 2021 11:56:15 +0900 Subject: [PATCH 64/91] Fix: System Default Theme - Sidebar Background Color at lwtheme dark --- userChrome.css | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/userChrome.css b/userChrome.css index b6f97ce..ea3d01a 100644 --- a/userChrome.css +++ b/userChrome.css @@ -434,7 +434,7 @@ .sidebar-panel[style="--newtab-background-color: rgb(43, 42, 51); --newtab-text-primary-color: rgba(251, 251, 254, 1); --lwt-sidebar-background-color: rgb(56, 56, 61); --lwt-sidebar-text-color: rgba(249, 249, 250, 1);"], /* Nightly */ body[lwt-sidebar][style="--newtab-background-color: rgb(43, 42, 51); --newtab-text-primary-color: rgba(251, 251, 254, 1); --lwt-sidebar-background-color: rgb(56, 56, 61); --lwt-sidebar-text-color: rgba(249, 249, 250, 1);"] { /* Only darkmode has more: --newtab-background-color-secondary: rgba(66, 65, 77, 1); */ - --lwt-sidebar-background-color: var(--win-sidebar-bgcolor) !important; + --lwt-sidebar-background-color: transparent !important; --lwt-sidebar-text-color: var(--win-text-color) !important; } } @@ -707,7 +707,7 @@ .sidebar-panel[style="--newtab-background-color: rgb(43, 42, 51); --newtab-text-primary-color: rgba(251, 251, 254, 1); --lwt-sidebar-background-color: rgb(56, 56, 61); --lwt-sidebar-text-color: rgba(249, 249, 250, 1);"], /* Nightly */ body[lwt-sidebar][style="--newtab-background-color: rgb(43, 42, 51); --newtab-text-primary-color: rgba(251, 251, 254, 1); --lwt-sidebar-background-color: rgb(56, 56, 61); --lwt-sidebar-text-color: rgba(249, 249, 250, 1);"] { /* Only darkmode has more: --newtab-background-color-secondary: rgba(66, 65, 77, 1); */ - --lwt-sidebar-background-color: var(--mac-sidebar-bgcolor) !important; + --lwt-sidebar-background-color: transparent !important; --lwt-sidebar-text-color: var(--mac-text-color) !important; } } From 904aea3e8467fa27c951cb3f124734a67c935581 Mon Sep 17 00:00:00 2001 From: alstjr7375 Date: Tue, 26 Oct 2021 12:01:30 +0900 Subject: [PATCH 65/91] Fix: System Default Theme - Navigator toolbox background at mac's lwtheme --- userChrome.css | 3 ++- 1 file changed, 2 insertions(+), 1 deletion(-) diff --git a/userChrome.css b/userChrome.css index ea3d01a..3d04ea0 100644 --- a/userChrome.css +++ b/userChrome.css @@ -671,7 +671,8 @@ } /*- Toolbar --------------------------------------------------------------*/ - #navigator-toolbox { + :root:not(:-moz-lwtheme) #navigator-toolbox, + :root[lwt-default-theme-in-dark-mode] #navigator-toolbox { appearance: auto !important; } From 26d6796eda0e16b7811e10dd97f96304f48bdd07 Mon Sep 17 00:00:00 2001 From: alstjr7375 Date: Wed, 27 Oct 2021 15:23:22 +0900 Subject: [PATCH 66/91] Clean: System Default Theme - comment --- userChrome.css | 8 ++++---- 1 file changed, 4 insertions(+), 4 deletions(-) diff --git a/userChrome.css b/userChrome.css index 3d04ea0..244fbb6 100644 --- a/userChrome.css +++ b/userChrome.css @@ -610,10 +610,10 @@ /* Button Border Color */ /* - --tab-line-color: var(--win-button-border) !important; - --checkbox-border-color: var(--win-button-border) !important; - --input-border-color: var(--win-button-border) !important; - --autocomplete-popup-separator-color: var(--win-button-border) !important; + --tab-line-color: var(---mac-bgcolor) !important; + --checkbox-border-color: var(--mac-bgcolor) !important; + --input-border-color: var(--mac-bgcolor) !important; + --autocomplete-popup-separator-color: var(--mac-bgcolor) !important; */ /* Accent Color Forground */ From 4df471c3e04b9f6934aaf89dbd8479e3c52701a3 Mon Sep 17 00:00:00 2001 From: alstjr7375 Date: Wed, 27 Oct 2021 17:27:52 +0900 Subject: [PATCH 67/91] Fix: System Default Theme - color scheme typo --- userChrome.css | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/userChrome.css b/userChrome.css index 244fbb6..29ef3c2 100644 --- a/userChrome.css +++ b/userChrome.css @@ -452,7 +452,7 @@ :root[lwtheme-mozlightdark]:not([lwthemetextcolor="bright"]):not(:-moz-lwtheme) { --lwt-accent-color: var(--win-bgcolor) !important; } - @media (toolbar-prefers-color-scheme: dark) { + @media (prefers-color-scheme: dark) { :root[lwt-default-theme-in-dark-mode][lwthemetextcolor="bright"] { --toolbar-bgcolor: var(--win-component-bgcolor) !important; /* Original: rgba(43, 42, 51, 1) */ } From cc4371640cba6ea49863cf7ce49321679d2c4646 Mon Sep 17 00:00:00 2001 From: BlaCk_Void Date: Sun, 31 Oct 2021 23:50:36 +0900 Subject: [PATCH 68/91] Fix: Darkmode at Stable to Dev at `dev` branch #250 --- userChrome.css | 12 ++++++------ userContent.css | 2 +- 2 files changed, 7 insertions(+), 7 deletions(-) diff --git a/userChrome.css b/userChrome.css index 8ecb103..9cdff46 100644 --- a/userChrome.css +++ b/userChrome.css @@ -254,7 +254,7 @@ --win-accent-hover-color: color-mix(in srgb, rgba(255, 255, 255, 0.8) 27%, -moz-accent-color); --win-accent-active-color: -moz-accent-color; } - @media (prefers-color-scheme: dark) { + @media (-moz-toolbar-prefers-color-scheme: dark), (prefers-color-scheme: dark) { :root:not(:-moz-lwtheme), :root[lwt-default-theme-in-dark-mode] { --win-text-color: #ffffff; @@ -433,7 +433,7 @@ --sidebar-text-color: var(--win-text-color) !important; --sidebar-border-color: var(--win-sidebar-border-color) !important; } - @media (prefers-color-scheme: dark) { + @media (-moz-toolbar-prefers-color-scheme: dark), (prefers-color-scheme: dark) { .sidebar-panel[style="--newtab-background-color: rgba(43, 42, 51, 1); --newtab-text-primary-color: rgba(251, 251, 254, 1); --lwt-sidebar-background-color: rgb(56, 56, 61); --lwt-sidebar-text-color: rgba(249, 249, 250, 1);"], body[lwt-sidebar][style="--newtab-background-color: rgba(43, 42, 51, 1); --newtab-text-primary-color: rgba(251, 251, 254, 1); --lwt-sidebar-background-color: rgb(56, 56, 61); --lwt-sidebar-text-color: rgba(249, 249, 250, 1);"], .sidebar-panel[style="--newtab-background-color: rgb(43, 42, 51); --newtab-text-primary-color: rgba(251, 251, 254, 1); --lwt-sidebar-background-color: rgb(56, 56, 61); --lwt-sidebar-text-color: rgba(249, 249, 250, 1);"], /* Nightly */ @@ -457,7 +457,7 @@ :root[lwtheme-mozlightdark]:not([lwthemetextcolor="bright"]):not(:-moz-lwtheme) { --lwt-accent-color: var(--win-bgcolor) !important; } - @media (prefers-color-scheme: dark) { + @media (-moz-toolbar-prefers-color-scheme: dark), (prefers-color-scheme: dark) { :root[lwt-default-theme-in-dark-mode][lwthemetextcolor="bright"] { --toolbar-bgcolor: var(--win-component-bgcolor) !important; /* Original: rgba(43, 42, 51, 1) */ } @@ -663,7 +663,7 @@ --panelview-toolbarbutton-focus-box-shadow: inset 0 0 0 2px var(--focus-outline-color) !important; } - @media (prefers-color-scheme: dark) { + @media (-moz-toolbar-prefers-color-scheme: dark), (prefers-color-scheme: dark) { :root:not(:-moz-lwtheme), :root[lwt-default-theme-in-dark-mode] { --mac-field-bgcolor: Field; @@ -707,7 +707,7 @@ --sidebar-text-color: var(--mac-text-color) !important; /* --sidebar-border-color: var(--win-sidebar-border-color) !important; */ } - @media (prefers-color-scheme: dark) { + @media (-moz-toolbar-prefers-color-scheme: dark), (prefers-color-scheme: dark) { .sidebar-panel[style="--newtab-background-color: rgba(43, 42, 51, 1); --newtab-text-primary-color: rgba(251, 251, 254, 1); --lwt-sidebar-background-color: rgb(56, 56, 61); --lwt-sidebar-text-color: rgba(249, 249, 250, 1);"], body[lwt-sidebar][style="--newtab-background-color: rgba(43, 42, 51, 1); --newtab-text-primary-color: rgba(251, 251, 254, 1); --lwt-sidebar-background-color: rgb(56, 56, 61); --lwt-sidebar-text-color: rgba(249, 249, 250, 1);"], .sidebar-panel[style="--newtab-background-color: rgb(43, 42, 51); --newtab-text-primary-color: rgba(251, 251, 254, 1); --lwt-sidebar-background-color: rgb(56, 56, 61); --lwt-sidebar-text-color: rgba(249, 249, 250, 1);"], /* Nightly */ @@ -725,7 +725,7 @@ /*- Others ---------------------------------------------------------------*/ /* For Overwrite */ - @media (prefers-color-scheme: dark) { + @media (-moz-toolbar-prefers-color-scheme: dark), (prefers-color-scheme: dark) { :root[lwt-default-theme-in-dark-mode][lwthemetextcolor="bright"] { --toolbar-bgcolor: color-mix(in srgb, rgb(255, 255, 255) 15%, -moz-dialog) !important; } diff --git a/userContent.css b/userContent.css index 971477f..325bbaf 100644 --- a/userContent.css +++ b/userContent.css @@ -1145,7 +1145,7 @@ --view-source-green: var(--green-80); --view-source-purple: #800080; /* Like alphenglow */ } - @media (prefers-color-scheme: dark) { + @media (-moz-toolbar-prefers-color-scheme: dark), (prefers-color-scheme: dark) { :root { --view-source-green: var(--green-60); --view-source-purple: #c68aff; From 7675efd26af16f196b56bb15b3d3eb849a396c01 Mon Sep 17 00:00:00 2001 From: alstjr7375 Date: Tue, 2 Nov 2021 13:32:03 +0900 Subject: [PATCH 69/91] Add: Unloaded Tab - Italic Label #258 --- userChrome.css | 5 +++++ 1 file changed, 5 insertions(+) diff --git a/userChrome.css b/userChrome.css index 9cdff46..8efbd6f 100644 --- a/userChrome.css +++ b/userChrome.css @@ -2766,6 +2766,11 @@ fill-opacity: var(--toolbarbutton-icon-fill-opacity); } + /* Unloaded Tab - Italic Label **********************************************/ + #tabbrowser-tabs .tabbrowser-tab[pending] .tab-text.tab-label { + font-style: italic; + } + /** Clipped tabs - Letters cleary *******************************************/ #tabbrowser-tabs[closebuttons="activetab"] .tab-content:not([pinned]) { padding-inline-start: 8px !important; From 07bae14570d111c880f64e3a965b3e5e554dc7c8 Mon Sep 17 00:00:00 2001 From: alstjr7375 Date: Tue, 2 Nov 2021 14:09:09 +0900 Subject: [PATCH 70/91] Fix: Unloaded Tab - Contents opacity #258 --- userChrome.css | 9 +++++---- 1 file changed, 5 insertions(+), 4 deletions(-) diff --git a/userChrome.css b/userChrome.css index 8efbd6f..122ca69 100644 --- a/userChrome.css +++ b/userChrome.css @@ -1991,7 +1991,8 @@ } #tabbrowser-tabs:not([movingtab]) .tab-content { - transition: padding-inline 0.2s var(--animation-easing-function) !important; + transition: padding-inline 0.2s var(--animation-easing-function), + /* Unloaded Tab */ opacity 0.5s var(--animation-easing-function) !important; } #tabbrowser-tabs:not([movingtab]) .tab-content::before, #tabbrowser-tabs:not([movingtab]) .tab-content::after { @@ -2766,9 +2767,9 @@ fill-opacity: var(--toolbarbutton-icon-fill-opacity); } - /* Unloaded Tab - Italic Label **********************************************/ - #tabbrowser-tabs .tabbrowser-tab[pending] .tab-text.tab-label { - font-style: italic; + /* Unloaded Tab - Contents Opacity ******************************************/ + #tabbrowser-tabs .tabbrowser-tab[pending] .tab-content { + opacity: 0.7; } /** Clipped tabs - Letters cleary *******************************************/ From c2986d9322dcb2f56e96b0f9bf1846f3a9369b2a Mon Sep 17 00:00:00 2001 From: alstjr7375 Date: Thu, 4 Nov 2021 10:03:51 +0900 Subject: [PATCH 71/91] Add: Animate - Buttons Background in URL bar --- userChrome.css | 16 ++++++++++++++++ 1 file changed, 16 insertions(+) diff --git a/userChrome.css b/userChrome.css index 122ca69..20575a3 100644 --- a/userChrome.css +++ b/userChrome.css @@ -2015,6 +2015,22 @@ transition: border-color 0.5s var(--animation-easing-function), background-color 1s var(--animation-easing-function) !important; } + /* Buttons in URL bar */ + #tracking-protection-icon-container, + #identity-icon-box, + #identity-permission-box, + #notification-popup-box, + #page-action-buttons > .urlbar-page-action { + transition: background-color 2.5s var(--animation-easing-function) !important; + } + #tracking-protection-icon-container:hover, + #identity-icon-box:hover, + #identity-permission-box:hover, + #notification-popup-box:hover, + #page-action-buttons > .urlbar-page-action:hover { + transition: background-color 1.25s var(--animation-easing-function) !important; + } + /*- Sidebar ----------------------------------------------------------------*/ #sidebar-box { /* like #sidebar-box > #sidebar */ From 33ef379322a7c22f112f0604520c281189bbb78c Mon Sep 17 00:00:00 2001 From: alstjr7375 Date: Thu, 4 Nov 2021 16:04:28 +0900 Subject: [PATCH 72/91] Fix: Fully Theme - Sidebar Fields for None lwtheme --- userChrome.css | 24 +++++++++++++++++++----- 1 file changed, 19 insertions(+), 5 deletions(-) diff --git a/userChrome.css b/userChrome.css index 7caea76..d13d079 100644 --- a/userChrome.css +++ b/userChrome.css @@ -1037,20 +1037,34 @@ } /*== Sidebar - Field Color =================================================*/ - .sidebar-panel[lwt-sidebar] #search-box, - body[lwt-sidebar] xul|search-textbox.tabsFilter { + .sidebar-panel #search-box, + xul|search-textbox.tabsFilter { + --input-bgcolor: color-mix(in srgb, currentColor 30%, transparent); + appearance: none !important; padding: 8px 11px !important; - border: 1px solid color-mix(in srgb, currentColor 30%, transparent) !important; + border: 1px solid var(--input-bgcolor) !important; border-radius: 4px; background-color: var(--lwt-sidebar-background-color, Field) !important; color: var(--lwt-sidebar-text-color, FieldText) !important; } + .sidebar-panel:not([lwt-sidebar]) #search-box { + --input-bgcolor: ThreeDShadow; + } + + .sidebar-panel #search-box[focused="true"], + xul|search-textbox.tabsFilter[focused="true"] { + outline: 1px solid var(--input-bgcolor); + } .sidebar-panel[lwt-sidebar] #search-box[focused="true"], body[lwt-sidebar] xul|search-textbox.tabsFilter[focused="true"] { - border-color: var(--lwt-sidebar-highlight-background-color) !important; - outline: 1px solid var(--lwt-sidebar-highlight-background-color); + --input-bgcolor: var(--lwt-sidebar-highlight-background-color, Highlight) !important; + } + .sidebar-panel:not([lwt-sidebar]) #search-box[focused="true"], + body:not([lwt-sidebar]) xul|search-textbox.tabsFilter[focused="true"] { + border-color: -moz-accent-color !important; /* Hard Coded */ + outline-color: -moz-accent-color !important; } /*= PopupAutoComplete ======================================================*/ From 19f511d4acda193ec8a68079437f817f3eecd14c Mon Sep 17 00:00:00 2001 From: alstjr7375 Date: Fri, 5 Nov 2021 09:15:13 +0900 Subject: [PATCH 73/91] Add: Decoration - Other Fields' hover border --- userChrome.css | 34 ++++++++++++++++++++++++++++++++++ 1 file changed, 34 insertions(+) diff --git a/userChrome.css b/userChrome.css index d13d079..a001d7c 100644 --- a/userChrome.css +++ b/userChrome.css @@ -1982,6 +1982,24 @@ --toolbar-field-border-color: var(--toolbar-field-focus-border-color); } + /*= Other Fields ===========================================================*/ + /* Sidebar */ + .sidebar-panel[lwt-sidebar] #search-box:hover, + body[lwt-sidebar] xul|search-textbox.tabsFilter:hover { + border-color: var(--lwt-sidebar-highlight-background-color, Highlight) !important; + } + .sidebar-panel:not([lwt-sidebar]) #search-box:hover, + body:not([lwt-sidebar]) xul|search-textbox.tabsFilter:hover { + border-color: -moz-accent-color !important; + } + + /* Others */ + #editBMPanel_namePicker:hover, + #editBMPanel_tagsField:hover, + .findbar-container .findbar-textbox:hover { + --input-border-color: color-mix(in srgb, var(--focus-outline-color, -moz-accent-color) 50%, transparent); + } + /*= Downloads Panel ========================================================*/ /* Accent Color for downloaded item */ #downloadsListBox .download-state[exists] .downloadDetails { @@ -2116,6 +2134,22 @@ transition: background-color 1.25s var(--animation-easing-function) !important; } + /*- Border - Other Fields --------------------------------------------------*/ + #search-box:hover, + xul|search-textbox.tabsFilter:hover, + #editBMPanel_namePicker:hover, + #editBMPanel_tagsField:hover, + .findbar-container .findbar-textbox:hover { + transition: border-color 1s var(--animation-easing-function) !important; + } + #search-box:hover, + xul|search-textbox.tabsFilter:hover, + #editBMPanel_namePicker:hover, + #editBMPanel_tagsField:hover, + .findbar-container .findbar-textbox:hover { + transition: border-color 0.5s var(--animation-easing-function) !important; + } + /*- Sidebar ----------------------------------------------------------------*/ #sidebar-box { /* like #sidebar-box > #sidebar */ From 1df0e1449e64e6b9391e1f0b6ee28df37053bd3c Mon Sep 17 00:00:00 2001 From: alstjr7375 Date: Fri, 5 Nov 2021 10:30:21 +0900 Subject: [PATCH 74/91] Fix: Icons - Contain for compatibility #261 Move icons path - Before: chrome://browser/skin/ - After: chrome://global/skin/icons/ --- icons/developer.svg | 6 ++++++ icons/edit-copy.svg | 6 ++++++ icons/link.svg | 8 ++++++++ icons/pocket-outline.svg | 7 +++++++ userChrome.css | 30 +++++++++++++++--------------- 5 files changed, 42 insertions(+), 15 deletions(-) create mode 100644 icons/developer.svg create mode 100644 icons/edit-copy.svg create mode 100644 icons/link.svg create mode 100644 icons/pocket-outline.svg diff --git a/icons/developer.svg b/icons/developer.svg new file mode 100644 index 0000000..4c4ea4d --- /dev/null +++ b/icons/developer.svg @@ -0,0 +1,6 @@ + + + + \ No newline at end of file diff --git a/icons/edit-copy.svg b/icons/edit-copy.svg new file mode 100644 index 0000000..f343d80 --- /dev/null +++ b/icons/edit-copy.svg @@ -0,0 +1,6 @@ + + + + \ No newline at end of file diff --git a/icons/link.svg b/icons/link.svg new file mode 100644 index 0000000..e3a0ae8 --- /dev/null +++ b/icons/link.svg @@ -0,0 +1,8 @@ + + + + + + \ No newline at end of file diff --git a/icons/pocket-outline.svg b/icons/pocket-outline.svg new file mode 100644 index 0000000..80b3b7d --- /dev/null +++ b/icons/pocket-outline.svg @@ -0,0 +1,7 @@ + + + + + \ No newline at end of file diff --git a/userChrome.css b/userChrome.css index a001d7c..6bbcb40 100644 --- a/userChrome.css +++ b/userChrome.css @@ -3641,7 +3641,7 @@ /* Web Developer Tools */ #appmenu-developer-tools-view .subviewbutton:nth-child(1), #PanelUI-developer-tools-view .subviewbutton:nth-child(1) { - list-style-image: url("chrome://browser/skin/developer.svg"); + list-style-image: url("./icons/developer.svg"); } /* Task Manager */ #appmenu-developer-tools-view .subviewbutton:nth-child(2), @@ -4288,13 +4288,13 @@ --menuitem-image: url("chrome://browser/skin/save.svg"); } #context-savelinktopocket { - --menuitem-image: url("chrome://browser/skin/pocket-outline.svg"); + --menuitem-image: url("./icons/pocket-outline.svg"); } #context-copyemail { --menuitem-image: url("chrome://browser/skin/mail.svg"); } #context-copylink { - --menuitem-image: url("chrome://browser/skin/link.svg"); + --menuitem-image: url("./icons/link.svg"); } #context-sendlinktodevice { --menuitem-image: url("./icons/send-to-device.svg"); @@ -4364,7 +4364,7 @@ #context-copyimage, #context-copyvideourl, #context-copyaudiourl { - --menuitem-image: url("chrome://browser/skin/link.svg"); + --menuitem-image: url("./icons/link.svg"); } #context-sendimage, #context-sendvideo, @@ -4391,7 +4391,7 @@ --menuitem-image: url("chrome://browser/skin/save.svg"); } #context-pocket { - --menuitem-image: url("chrome://browser/skin/pocket-outline.svg"); + --menuitem-image: url("./icons/pocket-outline.svg"); } #context-sendpagetodevice { --menuitem-image: url("./icons/send-to-device.svg"); @@ -4416,7 +4416,7 @@ --menuitem-image: url("chrome://browser/skin/edit-cut.svg"); } #context-copy { - --menuitem-image: url("chrome://browser/skin/edit-copy.svg"); + --menuitem-image: url("./icons/edit-copy.svg"); } #context-paste { --menuitem-image: url("chrome://browser/skin/edit-paste.svg"); @@ -4542,7 +4542,7 @@ --menuitem-image: url("chrome://browser/skin/edit-cut.svg"); } #placesContext_copy { - --menuitem-image: url("chrome://browser/skin/edit-copy.svg"); + --menuitem-image: url("./icons/edit-copy.svg"); } #placesContext_paste_group { --menuitem-image: url("chrome://browser/skin/edit-paste.svg"); @@ -4635,7 +4635,7 @@ --menuitem-image: url("./icons/link-square.svg"); } #downloadsContextMenu > menuitem[command="downloadsCmd_copyLocation"] { - --menuitem-image: url("chrome://browser/skin/link.svg"); + --menuitem-image: url("./icons/link.svg"); } .downloadRemoveFromHistoryMenuItem { @@ -4664,7 +4664,7 @@ --menuitem-image: url("chrome://browser/skin/bookmark.svg"); } #syncedTabsCopySelected { - --menuitem-image: url("chrome://browser/skin/link.svg"); + --menuitem-image: url("./icons/link.svg"); } #syncedTabsOpenAllInTabs { @@ -4685,7 +4685,7 @@ --menuitem-image: url("chrome://browser/skin/edit-cut.svg"); } #SyncedTabsSidebarTabsFilterContext > menuitem[cmd="cmd_copy"] { - --menuitem-image: url("chrome://browser/skin/edit-copy.svg"); + --menuitem-image: url("./icons/edit-copy.svg"); } #SyncedTabsSidebarTabsFilterContext > menuitem[cmd="cmd_paste"] { --menuitem-image: url("chrome://browser/skin/edit-paste.svg"); @@ -4713,7 +4713,7 @@ --menuitem-image: url("chrome://browser/skin/edit-cut.svg"); } #urlbar-input-container .textbox-contextmenu menuitem[cmd="cmd_copy"] { - --menuitem-image: url("chrome://browser/skin/edit-copy.svg"); + --menuitem-image: url("./icons/edit-copy.svg"); } #urlbar-input-container .textbox-contextmenu menuitem[cmd="cmd_paste"] { --menuitem-image: url("chrome://browser/skin/edit-paste.svg"); @@ -4739,7 +4739,7 @@ --menuitem-image: url("chrome://browser/skin/edit-cut.svg"); } .textbox-contextmenu > menuitem[data-l10n-id="text-action-copy"] { - --menuitem-image: url("chrome://browser/skin/edit-copy.svg"); + --menuitem-image: url("./icons/edit-copy.svg"); } .textbox-contextmenu > menuitem[data-l10n-id="text-action-paste"] { --menuitem-image: url("chrome://browser/skin/edit-paste.svg"); @@ -4847,7 +4847,7 @@ --menuitem-image: url("chrome://browser/skin/edit-cut.svg"); } #menu_copy { - --menuitem-image: url("chrome://browser/skin/edit-copy.svg"); + --menuitem-image: url("./icons/edit-copy.svg"); } #menu_paste { --menuitem-image: url("chrome://browser/skin/edit-paste.svg"); @@ -4992,7 +4992,7 @@ #webDeveloperMenu, /* Legacy */ #browserToolsMenu { - --menuitem-image: url("chrome://browser/skin/developer.svg"); + --menuitem-image: url("./icons/developer.svg"); } #menu_pageInfo { --menuitem-image: url("./icons/document-endnote.svg"); @@ -5080,7 +5080,7 @@ --menuitem-image: url("chrome://browser/skin/edit-cut.svg"); } #orgCopy { - --menuitem-image: url("chrome://browser/skin/edit-copy.svg"); + --menuitem-image: url("./icons/edit-copy.svg"); } #orgPaste { --menuitem-image: url("chrome://browser/skin/edit-paste.svg"); From 8062d9d20ce44b77cf312a08a34fa34d5306f18a Mon Sep 17 00:00:00 2001 From: alstjr7375 Date: Fri, 5 Nov 2021 12:03:37 +0900 Subject: [PATCH 75/91] Fix: Animate - Remove flashing at linux's selected tab --- userChrome.css | 5 +++++ 1 file changed, 5 insertions(+) diff --git a/userChrome.css b/userChrome.css index 6bbcb40..be92d60 100644 --- a/userChrome.css +++ b/userChrome.css @@ -2068,6 +2068,11 @@ .toolbarbutton-icon:hover { transition: background-color 0.25s var(--animation-easing-function) !important; } + @media (-moz-gtk-csd-available) { + .tabbrowser-tab:is([visuallyselected], [multiselected], [selected]) .tab-background:not(:-moz-lwtheme) { + transition: background-image 0.25s var(--animation-easing-function) !important; + } + } menu, menuitem, From 8dc5003256402436f35fdda8df1218e3b8dca40c Mon Sep 17 00:00:00 2001 From: alstjr7375 Date: Fri, 5 Nov 2021 12:21:47 +0900 Subject: [PATCH 76/91] Fix: Fully Theme - Bookmark Popup Selected Color --- userChrome.css | 5 ++++- 1 file changed, 4 insertions(+), 1 deletion(-) diff --git a/userChrome.css b/userChrome.css index bd13dc5..c1e456c 100644 --- a/userChrome.css +++ b/userChrome.css @@ -512,10 +512,13 @@ border: 0.5px solid var(--button-active-bgcolor, color-mix(in srgb, currentColor 30%, transparent)) !important; } + #editBMPanel_folderTree:-moz-lwtheme, #editBMPanel_folderTree:-moz-lwtheme > treechildren, + #editBMPanel_folderTree:-moz-lwtheme > treechildren::-moz-tree-image, #editBMPanel_folderTree:-moz-lwtheme > treechildren::-moz-tree-cell-text(hover), #editBMPanel_folderTree:-moz-lwtheme > treechildren::-moz-tree-cell-text(selected), - #editBMPanel_tagsSelector:-moz-lwtheme { + #editBMPanel_tagsSelector:-moz-lwtheme, + #editBMPanel_tagsSelector:-moz-lwtheme > richlistitem { color: var(--lwt-text-color, fieldtext) !important; } #editBMPanel_folderTree:-moz-lwtheme > treechildren::-moz-tree-cell-text(selected) { From ca453f5236d73f3cfb99e220a6c9777ad305ab7e Mon Sep 17 00:00:00 2001 From: alstjr7375 Date: Fri, 5 Nov 2021 14:10:57 +0900 Subject: [PATCH 77/91] Add: Proton - Linux's library popup #57 from - https://github.com/mozilla/gecko-dev/blob/master/browser/themes/windows/places/organizer.css --- userChrome.css | 351 +++++++++++++++++++++++++++++++++++++++++++++++++ 1 file changed, 351 insertions(+) diff --git a/userChrome.css b/userChrome.css index 240ed2a..35ed54a 100644 --- a/userChrome.css +++ b/userChrome.css @@ -1978,6 +1978,352 @@ } } + /*= Page Info ==============================================================*/ + @-moz-document url("chrome://browser/content/places/places.xhtml") + { + @media (-moz-gtk-csd-available) { + :root { + --organizer-color: -moz-DialogText; + --organizer-deemphasized-color: GrayText; + + --organizer-toolbar-background: -moz-Dialog; + --organizer-pane-background: -moz-Dialog; + --organizer-content-background: -moz-Dialog; + + --organizer-hover-background: SelectedItem; + --organizer-hover-color: SelectedItemText; + --organizer-selected-background: SelectedItem; + --organizer-selected-color: SelectedItemText; + --organizer-outline-color: SelectedItem; + + --organizer-separator-color: ThreeDDarkShadow; + --organizer-border-color: ThreeDShadow; + + --organizer-toolbar-field-background: Field; + --organizer-toolbar-field-background-focused: Field; + --organizer-toolbar-field-border-color: ThreeDShadow; + --organizer-toolbar-field-focus-border-color: var(--organizer-outline-color); + --organizer-toolbar-field-focus-box-shadow: unset; + --organizer-pane-field-border-color: ThreeDShadow; + } + + @media not (prefers-contrast) { + :root { + --organizer-color: var(--in-content-page-color); + --organizer-deemphasized-color: var(--in-content-deemphasized-text); + + --organizer-toolbar-background: rgb(249, 249, 251); /* --toolbar-bgcolor */ + --organizer-pane-background: rgb(229, 229, 235); /* --lwt-accent-color */ + --organizer-content-background: var(--in-content-page-background); + + --organizer-hover-background: var(--in-content-button-background-hover); + --organizer-hover-color: var(--organizer-color); + --organizer-selected-background: var(--in-content-button-background-active); + --organizer-selected-color: var(--organizer-color); + --organizer-outline-color: var(--in-content-primary-button-background); + + --organizer-separator-color: var(--organizer-pane-field-border-color); + --organizer-border-color: var(--in-content-border-color); + + --organizer-toolbar-field-background: rgb(240, 240, 244); /* --lwt-accent-color */ + --organizer-toolbar-field-background-focused: Field; + --organizer-toolbar-field-border-color: transparent; + --organizer-toolbar-field-focus-border-color: color-mix( + in srgb, + var(--organizer-outline-color) 50%, + transparent + ); + --organizer-toolbar-field-focus-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.23); + --organizer-pane-field-border-color: color-mix(in srgb, currentColor 41%, transparent); + } + + @media (prefers-color-scheme: dark) { + :root { + --organizer-color: rgb(251, 251, 254); + --organizer-deemphasized-color: rgb(191, 191, 201); + + --organizer-toolbar-background: rgb(43, 42, 51); + --organizer-pane-background: rgb(35, 34, 43); + --organizer-content-background: rgb(28, 27, 34); + + --organizer-hover-background: rgb(82, 82, 94); + --organizer-selected-background: rgb(91, 91, 102); + --organizer-outline-color: rgb(0, 221, 255); + + --organizer-toolbar-field-background: var(--in-content-page-background); + --organizer-toolbar-field-background-focused: rgb(66, 65, 77); + scrollbar-color: rgba(249, 249, 250, 0.4) rgba(20, 20, 25, 0.3); + } + } + } + + /*- Toolbar & Menus --------------------------------------------------*/ + #placesToolbar { + appearance: none !important; + background-color: var(--organizer-toolbar-background) !important; + color: var(--organizer-color) !important; + border-bottom: 1px solid var(--organizer-border-color) !important; + padding: 4px !important; + padding-inline-end: 6px !important; + } + + #placesToolbar > toolbarbutton { + appearance: none !important; + padding: 5px !important; + border-radius: 4px !important; + } + + #placesToolbar > toolbarbutton[disabled] { + opacity: 0.6 !important; + } + + #placesToolbar > toolbarbutton:not([disabled]):hover { + background-color: var(--organizer-hover-background) !important; + color: var(--organizer-hover-color) !important; + } + + #placesToolbar > toolbarbutton:not([disabled]):hover:active { + background-color: var(--organizer-selected-background) !important; + } + + #placesToolbar > toolbarbutton > .toolbarbutton-icon, + #placesMenu > menu > image, + #placesMenu > menu > .menubar-text { + -moz-context-properties: fill !important; + fill: currentColor !important; + } + + #placesMenu { + margin-inline-start: 6px !important; + } + + #placesMenu > menu { + appearance: none !important; + color: var(--organizer-color) !important; + border-radius: 4px !important; + padding-block: 5px !important; + padding-inline-start: 5px !important; + margin-inline-end: 2px !important; + } + + #placesMenu > menu:hover { + background-color: var(--organizer-hover-background) !important; + color: var(--organizer-hover-color) !important; + } + + #placesMenu > menu:hover:active, + #placesMenu > menu[open] { + background-color: var(--organizer-selected-background) !important; + color: var(--organizer-selected-color) !important; + } + + #placesMenu > menu > .menubar-text { + margin-block: 0 !important; /* override menu.css */ + padding-inline-end: 8px !important; + background: url(chrome://global/skin/icons/arrow-down-12.svg) right center no-repeat !important; + background-size: 6px !important; + } + + #placesMenu > menu > .menubar-text:-moz-locale-dir(rtl) { + background-position-x: left !important; + } + + /*- Search Bar ---------------------------------------------------------*/ + #searchFilter { + appearance: none !important; + background-color: var(--organizer-toolbar-field-background) !important; + color: var(--organizer-color) !important; + border: 1px solid var(--organizer-toolbar-field-border-color) !important; + border-radius: 4px !important; + margin: 0 !important; + padding-block: 2px !important; + min-height: 24px !important; + } + + #searchFilter[focused] { + box-shadow: var(--organizer-toolbar-field-focus-box-shadow) !important; + background-color: var(--organizer-toolbar-field-background-focused) !important; + border-color: transparent !important; + outline: 2px solid var(--organizer-toolbar-field-focus-border-color) !important; + outline-offset: -2px !important; + } + + /*- Sidebar & Splitter -------------------------------------------------*/ + #placesList { + background-color: var(--organizer-pane-background) !important; + } + + #placesView > splitter { + border: 0 !important; + border-inline-end: 1px solid var(--organizer-border-color) !important; + min-width: 0 !important; + width: 3px !important; + background-color: transparent !important; + margin-inline-start: -3px !important; + position: relative !important; + } + + /*- Downloads Pane -----------------------------------------------------*/ + #downloadsRichListBox { + color: var(--organizer-color) !important; + background-color: var(--organizer-content-background) !important; + } + + #clearDownloadsButton:focus-visible { + outline: 2px solid var(--organizer-outline-color) !important; + } + + /*- Tree ---------------------------------------------------------------*/ + #contentView treecol { + padding: 4px !important; + /* Use box-shadow to draw a bottom border instead of border-bottom + * because otherwise the items on contentView won't be perfectly + * aligned with the items on the sidebar. */ + box-shadow: inset 0 -1px var(--organizer-border-color) !important; + } + + tree { + background-color: var(--organizer-content-background) !important; + color: var(--organizer-color) !important; + } + + treechildren::-moz-tree-row { + background-color: transparent !important; + } + + treechildren::-moz-tree-row(hover) { + background-color: var(--organizer-hover-background) !important; + } + + treechildren::-moz-tree-row(selected) { + background-color: var(--organizer-selected-background) !important; + color: var(--organizer-selected-color) !important; + border: 1px solid transparent !important; + } + + treechildren::-moz-tree-image(hover), + treechildren::-moz-tree-twisty(hover), + treechildren::-moz-tree-cell-text(hover) { + color: var(--organizer-hover-color) !important; + } + + treechildren::-moz-tree-image(selected), + treechildren::-moz-tree-twisty(selected), + treechildren::-moz-tree-cell-text(selected) { + color: var(--organizer-selected-color) !important; + } + + treechildren::-moz-tree-separator { + height: 1px !important; + border-color: var(--organizer-separator-color) !important; + } + + treechildren::-moz-tree-separator(hover) { + border-color: var(--organizer-hover-color) !important; + } + + treechildren::-moz-tree-separator(selected) { + border-color: var(--organizer-selected-color) !important; + } + + /*- Info Box -----------------------------------------------------------*/ + #detailsPane { + background-color: var(--organizer-pane-background) !important; + color: var(--organizer-color) !important; + padding: 5px !important; + border-top: 1px solid var(--organizer-border-color) !important; + } + + #editBookmarkPanelRows .expander-up, + #editBookmarkPanelRows .expander-down { + appearance: none !important; + min-width: 0 !important; + padding: 5px !important; + margin: 0 !important; + margin-inline-end: 4px !important; + border: 1px solid var(--organizer-pane-field-border-color) !important; + border-radius: 4px !important; + color: var(--organizer-color) !important; + background-color: var(--organizer-content-background) !important; + list-style-image: url("chrome://global/skin/icons/arrow-down-12.svg"); + -moz-context-properties: fill !important; + fill: currentColor !important; + } + + #editBookmarkPanelRows .expander-up:hover, + #editBookmarkPanelRows .expander-down:hover { + background-color: var(--organizer-hover-background) !important; + color: var(--organizer-hover-color) !important; + } + + #editBookmarkPanelRows .expander-up:hover:active, + #editBookmarkPanelRows .expander-down:hover:active { + background-color: var(--organizer-selected-background) !important; + color: var(--organizer-selected-color) !important; + } + + #editBookmarkPanelRows .expander-up:focus-visible, + #editBookmarkPanelRows .expander-down:focus-visible { + outline: 2px solid var(--organizer-outline-color) !important; + outline-offset: -1px !important; + } + + #editBookmarkPanelRows .expander-up { + list-style-image: url("chrome://global/skin/icons/arrow-up-12.svg"); + } + + #editBookmarkPanelRows .expander-up > .button-box, + #editBookmarkPanelRows .expander-down > .button-box { + padding: 0 !important; + } + + #places input { + border: 1px solid var(--organizer-pane-field-border-color) !important; + border-radius: 4px !important; + background-color: var(--organizer-content-background) !important; + color: var(--organizer-color) !important; + min-height: 20px !important; + padding-inline: 4px !important; + } + + #places input:focus { + outline: 2px solid var(--organizer-outline-color) !important; + outline-offset: -1px !important; + } + + #places input:not(:read-write):focus { + outline: none !important; + } + + .caption-label { + margin-inline-start: 8px !important; + color: var(--organizer-deemphasized-color) !important; + } + + #editBMPanel_tagsSelectorRow > richlistbox { + appearance: none !important; + color: var(--organizer-color) !important; + background-color: var(--organizer-content-background) !important; + border: 1px solid var(--organizer-border-color) !important; + border-radius: 4px !important; + } + + #editBMPanel_tagsSelectorRow > richlistbox > richlistitem { + border: 1px solid transparent !important; + } + + #editBMPanel_tagsSelectorRow > richlistbox > richlistitem:hover { + background-color: var(--organizer-hover-background) !important; + color: var(--organizer-hover-color) !important; + } + + #editBMPanel_tagsSelectorRow > richlistbox > richlistitem[selected] { + background-color: var(--organizer-selected-background) !important; + color: var(--organizer-selected-color) !important; + } + } + } + /** Decoration **************************************************************/ /*= URL, Search Bar ========================================================*/ #urlbar:hover:not([focused="true"]) > #urlbar-background, @@ -3372,6 +3718,11 @@ #forward-button { list-style-image: url("chrome://browser/skin/forward.svg") !important; } + + #back-button:-moz-locale-dir(rtl) > .toolbarbutton-icon, + #forward-button:-moz-locale-dir(rtl) > .toolbarbutton-icon { + transform: scaleX(-1) !important; + } } } From 7923e54feab3575f569959ae008ca7aa2a8f1ebf Mon Sep 17 00:00:00 2001 From: alstjr7375 Date: Fri, 5 Nov 2021 15:55:56 +0900 Subject: [PATCH 78/91] Fix: Darkmode - Plain text --- userContent.css | 19 ++++++++----------- 1 file changed, 8 insertions(+), 11 deletions(-) diff --git a/userContent.css b/userContent.css index 325bbaf..a32cda0 100644 --- a/userContent.css +++ b/userContent.css @@ -1134,13 +1134,18 @@ } } - /*= View Source ============================================================*/ - @-moz-document url-prefix(view-source) { + /*= Text ===================================================================*/ + @-moz-document unobservable-document(), + url-prefix("view-source") { :root { - /* Basic */ background-color: var(--in-content-page-background) !important; /* Original: white */ color: var(--in-content-page-color) !important; /* Original: black */ + } + } + /*= View Source ============================================================*/ + @-moz-document url-prefix("view-source") { + :root { /* Colors */ --view-source-green: var(--green-80); --view-source-purple: #800080; /* Like alphenglow */ @@ -1196,14 +1201,6 @@ } } - @-moz-document url-prefix(https://raw.githubusercontent.com) - { - html { - background: var(--in-content-page-background) !important; - color: var(--in-content-page-color) !important; - } - } - /*= Directory View =========================================================*/ @-moz-document url-prefix("about:sync-log"), regexp("^((file:\/\/\/)|(chrome:\/\/)).*\/$") { From 4a11d6cd7b7a22ca0ffebda0fd4a97a86f60e924 Mon Sep 17 00:00:00 2001 From: alstjr7375 Date: Fri, 5 Nov 2021 16:44:56 +0900 Subject: [PATCH 79/91] Fix: Dark Mode - Linux Library popup's duplicated arrow --- userChrome.css | 10 ++-------- 1 file changed, 2 insertions(+), 8 deletions(-) diff --git a/userChrome.css b/userChrome.css index 35ed54a..8cec163 100644 --- a/userChrome.css +++ b/userChrome.css @@ -1978,7 +1978,7 @@ } } - /*= Page Info ==============================================================*/ + /*= Library Popup ==========================================================*/ @-moz-document url("chrome://browser/content/places/places.xhtml") { @media (-moz-gtk-csd-available) { @@ -2119,13 +2119,7 @@ #placesMenu > menu > .menubar-text { margin-block: 0 !important; /* override menu.css */ - padding-inline-end: 8px !important; - background: url(chrome://global/skin/icons/arrow-down-12.svg) right center no-repeat !important; - background-size: 6px !important; - } - - #placesMenu > menu > .menubar-text:-moz-locale-dir(rtl) { - background-position-x: left !important; + padding-inline-end: 4px !important; } /*- Search Bar ---------------------------------------------------------*/ From a012cc133f78f871b90648f3eab0f4fd049d4a94 Mon Sep 17 00:00:00 2001 From: alstjr7375 Date: Sat, 6 Nov 2021 17:16:37 +0900 Subject: [PATCH 80/91] Fix: Proton - Linux's treecol #57 --- userChrome.css | 35 ++++++++++++++++++++++++++++++++++- 1 file changed, 34 insertions(+), 1 deletion(-) diff --git a/userChrome.css b/userChrome.css index 8cec163..df0c50e 100644 --- a/userChrome.css +++ b/userChrome.css @@ -2169,7 +2169,6 @@ /*- Tree ---------------------------------------------------------------*/ #contentView treecol { - padding: 4px !important; /* Use box-shadow to draw a bottom border instead of border-bottom * because otherwise the items on contentView won't be perfectly * aligned with the items on the sidebar. */ @@ -2181,6 +2180,40 @@ color: var(--organizer-color) !important; } + treecol:not([hideheader="true"]), + treecolpicker { + appearance: none !important; + border: none !important; + background-color: var(--in-content-button-background) !important; + color: var(--organizer-color, inherit) !important; + padding: 5px 10px !important; + } + + treecol:not([hideheader="true"], [sortable="false"]):hover, + treecolpicker:hover { + background-color: var(--organizer-hover-background) !important; + color: var(--organizer-color) !important; + } + + treecol:not([hideheader="true"], [sortable="false"]):hover:active, + treecolpicker:hover:active { + background-color: var(--organizer-selected-background) !important; + } + + treecol:not([hideheader="true"], :first-child), + treecolpicker { + padding-left: 10px !important; + border-inline-start-width: 1px !important; + border-inline-start-style: solid !important; + border-image: linear-gradient(transparent 0%, transparent 20%, var(--organizer-border-color) 20%, var(--organizer-border-color) 80%, transparent 80%, transparent 100%) 1 1 !important; + } + + treecol[sortDirection]:not([hideheader="true"]) > xul|*.treecol-sortdirection { + fill: currentColor !important; + width: 18px !important; + height: 18px !important; + } + treechildren::-moz-tree-row { background-color: transparent !important; } From b8f5f67683972a596f718c0a74591d885dfc7e25 Mon Sep 17 00:00:00 2001 From: alstjr7375 Date: Sat, 6 Nov 2021 17:19:37 +0900 Subject: [PATCH 81/91] Fix: Icon - Linux's library `Clear Downloads` --- userChrome.css | 14 +++++++++++++- 1 file changed, 13 insertions(+), 1 deletion(-) diff --git a/userChrome.css b/userChrome.css index df0c50e..332198a 100644 --- a/userChrome.css +++ b/userChrome.css @@ -3722,7 +3722,8 @@ #viewMenu, #maintenanceButton, #back-button, - #forward-button { + #forward-button, + #clearDownloadsButton { fill: currentColor !important; -moz-context-properties: fill !important; } @@ -3738,6 +3739,17 @@ list-style-image: url("./icons/import-export.svg") !important; } + #clearDownloadsButton { + list-style-image: url("chrome://global/skin/icons/delete.svg") !important; + } + #clearDownloadsButton > .toolbarbutton-icon { + display: -moz-inline-box !important; + margin-top: 0; + margin-bottom: 0; + margin-inline-start: 0; + margin-inline-end: 2px; + } + /* Replace */ #back-button { list-style-image: url("chrome://browser/skin/back.svg") !important; From 5d5bc7bc5a5a961a61baf9242007c6d9ba47979f Mon Sep 17 00:00:00 2001 From: black7375 Date: Sat, 6 Nov 2021 08:20:45 +0000 Subject: [PATCH 82/91] Clean: Prettified Code! --- userChrome.css | 10 +++++++++- 1 file changed, 9 insertions(+), 1 deletion(-) diff --git a/userChrome.css b/userChrome.css index 332198a..7e81446 100644 --- a/userChrome.css +++ b/userChrome.css @@ -2205,7 +2205,15 @@ padding-left: 10px !important; border-inline-start-width: 1px !important; border-inline-start-style: solid !important; - border-image: linear-gradient(transparent 0%, transparent 20%, var(--organizer-border-color) 20%, var(--organizer-border-color) 80%, transparent 80%, transparent 100%) 1 1 !important; + border-image: linear-gradient( + transparent 0%, + transparent 20%, + var(--organizer-border-color) 20%, + var(--organizer-border-color) 80%, + transparent 80%, + transparent 100% + ) + 1 1 !important; } treecol[sortDirection]:not([hideheader="true"]) > xul|*.treecol-sortdirection { From 979b12be39fc49a0b46724bb29e509ae60a3e9ac Mon Sep 17 00:00:00 2001 From: alstjr7375 Date: Sun, 7 Nov 2021 11:28:01 +0900 Subject: [PATCH 83/91] Fix: Add whatsnew icon --- icons/whatsnew.svg | 10 ++++++++++ userChrome.css | 2 +- 2 files changed, 11 insertions(+), 1 deletion(-) create mode 100644 icons/whatsnew.svg diff --git a/icons/whatsnew.svg b/icons/whatsnew.svg new file mode 100644 index 0000000..30d95ab --- /dev/null +++ b/icons/whatsnew.svg @@ -0,0 +1,10 @@ + + + + + + + + \ No newline at end of file diff --git a/userChrome.css b/userChrome.css index 7e81446..a64afba 100644 --- a/userChrome.css +++ b/userChrome.css @@ -3854,7 +3854,7 @@ } #appMenu-proton-update-banner::before { - content: url("chrome://browser/skin/whatsnew.svg"); + content: url("./icons/whatsnew.svg"); } #appMenu-fxa-status2::before { /* Don't exist img tag */ From 7cf9dd1083b7c157edc5bb01f5e25bf1af391d7d Mon Sep 17 00:00:00 2001 From: alstjr7375 Date: Sun, 7 Nov 2021 11:41:53 +0900 Subject: [PATCH 84/91] Add: Draw in Titlebar option to default --- user.js | 3 +++ 1 file changed, 3 insertions(+) diff --git a/user.js b/user.js index 1489d16..f797534 100644 --- a/user.js +++ b/user.js @@ -1,4 +1,7 @@ // ** Theme Related Options **************************************************** +// Draw in Titlebar +user_pref("browser.tabs.drawInTitlebar", true); + // userchrome.css usercontent.css activate user_pref("toolkit.legacyUserProfileCustomizations.stylesheets", true); From 04dadd0c30103515ebdf18a74a1b2b22deb53e74 Mon Sep 17 00:00:00 2001 From: alstjr7375 Date: Sun, 7 Nov 2021 11:50:12 +0900 Subject: [PATCH 85/91] Fix: Hard coded values to variables --- userChrome.css | 14 +++----------- 1 file changed, 3 insertions(+), 11 deletions(-) diff --git a/userChrome.css b/userChrome.css index a64afba..df7b7b8 100644 --- a/userChrome.css +++ b/userChrome.css @@ -780,7 +780,7 @@ https://github.com/mozilla/gecko-dev/blob/master/browser/themes/addons/dark/manifest.json */ - /*= Default Colors - Hardcorded ============================================*/ + /*= Default Colors - Hard Coded ============================================*/ /* Based on chrome://global/skin/in-content/common.css */ :host, :root { @@ -3208,11 +3208,7 @@ /* Bar Color */ opacity: var(--tab-separator-opacity); transition: opacity 0.2s var(--animation-easing-function); /* cubic-bezier(.07, .95, 0, 1) */ - background-color: color-mix( - in srgb, - currentColor 20%, - transparent - ); /* Replace var(--toolbarseparator-color) - Hard coded for compatibility */ + background-color: var(--toolbarseparator-color); } #tabs-newtab-button:is(:hover, [open])::before { content: ""; @@ -3267,11 +3263,7 @@ /* Coner Rounding */ #tabs-newtab-button:hover { /* Color */ - fill: color-mix( - in srgb, - currentColor 17%, - transparent - ) !important; /* Replace var(--toolbarbutton-hover-background) - Hard coded for compatibility */ + fill: var(--toolbarbutton-hover-background) !important; -moz-context-properties: fill !important; /* Corner Image */ From d597306b047d2fdfa805b249d67a9f17f296b026 Mon Sep 17 00:00:00 2001 From: alstjr7375 Date: Sun, 7 Nov 2021 12:01:22 +0900 Subject: [PATCH 86/91] Fix: Addon.org - Color compatibility --- userContent.css | 7 +++++-- 1 file changed, 5 insertions(+), 2 deletions(-) diff --git a/userContent.css b/userContent.css index a32cda0..68cdb33 100644 --- a/userContent.css +++ b/userContent.css @@ -586,8 +586,7 @@ filter: hue-rotate(330deg) brightness(1.3) !important; } .SecondaryHero-module-icon { - -moz-context-properties: fill, fill-opacity !important; - fill: currentColor !important; + filter: invert(85%) !important; } .Icon-magnifying-glass, .Notice-icon { @@ -612,6 +611,10 @@ .AutoSearchInput-query:is(:hover, :focus) { border-color: var(--in-content-primary-button-background) !important; } + .AutoSearchInput-query:focus { + box-shadow: inset 0 0 0 1px var(--in-content-primary-button-background), + 0 0 0 1px var(--in-content-primary-button-background), 0 0 0 4px rgba(0, 211, 255, 0.3) !important; + } .PromotedBadge-link--line { border-color: var(--in-content-deemphasized-text) !important; From 72e38f02a21a8ecd61303c7b04403dc8d577939d Mon Sep 17 00:00:00 2001 From: alstjr7375 Date: Mon, 8 Nov 2021 09:08:36 +0900 Subject: [PATCH 87/91] Fix: Icons - Mac's reload button --- userChrome.css | 3 +++ 1 file changed, 3 insertions(+) diff --git a/userChrome.css b/userChrome.css index df7b7b8..2528b33 100644 --- a/userChrome.css +++ b/userChrome.css @@ -4884,6 +4884,9 @@ #context-forward { --menuitem-image: url("chrome://browser/skin/forward.svg"); } + #context-reload { + --menuitem-image: url("./icons/reload.svg"); + } #context-stop { --menuitem-image: url("chrome://global/skin/icons/close.svg"); } From 3bf3ea7cbd073f9041237d7efe71014475c4f46d Mon Sep 17 00:00:00 2001 From: alstjr7375 Date: Mon, 8 Nov 2021 09:10:12 +0900 Subject: [PATCH 88/91] Fix: Selected Tab - Linux light system default theme's border #259 --- userChrome.css | 20 +++++++++++++++++++- 1 file changed, 19 insertions(+), 1 deletion(-) diff --git a/userChrome.css b/userChrome.css index 2528b33..8708d43 100644 --- a/userChrome.css +++ b/userChrome.css @@ -186,7 +186,7 @@ } } - /*= Linux- Global Menubar Active Color =====================================*/ + /*= Linux - Global Menubar Active Color ====================================*/ @media (-moz-gtk-csd-available) { #main-menubar > menu[open="true"], #main-menubar > menu[_moz-menuactive="true"] { @@ -195,6 +195,24 @@ } } + /*= Linux - Light System Default Theme's Selected Tab ======================*/ + @media (-moz-gtk-csd-available) and (-moz-toolbar-prefers-color-scheme: light), + (-moz-gtk-csd-available) and (prefers-color-scheme: light) { + /* Because of + #TabsToolbar:not([brighttext]) #tabbrowser-tabs:not([noshadowfortests]) .tabbrowser-tab:is([visuallyselected=true], [multiselected]) > .tab-stack > .tab-background { + border: 1px solid var(--tab-line-color, rgba(128,128,142,0.9)); + box-shadow: 0 0 4px rgba(128,128,142,0.5); + } + */ + #tabbrowser-tabs:not([noshadowfortests]) .tabbrowser-tab:is([visuallyselected=true], [multiselected]) > .tab-stack > .tab-background:not(:-moz-lwtheme) { + box-shadow: 0 0 4px rgba(128,128,142,0.5) !important; + } + #TabsToolbar:not([brighttext]) #tabbrowser-tabs:not([noshadowfortests]) .tabbrowser-tab:is([visuallyselected=true], [multiselected]) > .tab-stack > .tab-background:not(:-moz-lwtheme) { + box-shadow: 0 0 1px var(--tab-line-color, rgba(128,128,142,0.9)), + 0 0 4px rgba(128,128,142,0.5) !important; + } + } + /** System Default Theme ****************************************************/ /*= Common - URL Bar focus color ===========================================*/ @media (-moz-windows-accent-color-in-titlebar), (-moz-gtk-csd-available) { From 25ea252b62277278e0f70a424dc50c4752cacd34 Mon Sep 17 00:00:00 2001 From: black7375 Date: Mon, 8 Nov 2021 02:40:43 +0000 Subject: [PATCH 89/91] Clean: Prettified Code! --- userChrome.css | 18 ++++++++++++------ 1 file changed, 12 insertions(+), 6 deletions(-) diff --git a/userChrome.css b/userChrome.css index 8708d43..ff47851 100644 --- a/userChrome.css +++ b/userChrome.css @@ -197,19 +197,25 @@ /*= Linux - Light System Default Theme's Selected Tab ======================*/ @media (-moz-gtk-csd-available) and (-moz-toolbar-prefers-color-scheme: light), - (-moz-gtk-csd-available) and (prefers-color-scheme: light) { + (-moz-gtk-csd-available) and (prefers-color-scheme: light) { /* Because of #TabsToolbar:not([brighttext]) #tabbrowser-tabs:not([noshadowfortests]) .tabbrowser-tab:is([visuallyselected=true], [multiselected]) > .tab-stack > .tab-background { border: 1px solid var(--tab-line-color, rgba(128,128,142,0.9)); box-shadow: 0 0 4px rgba(128,128,142,0.5); } */ - #tabbrowser-tabs:not([noshadowfortests]) .tabbrowser-tab:is([visuallyselected=true], [multiselected]) > .tab-stack > .tab-background:not(:-moz-lwtheme) { - box-shadow: 0 0 4px rgba(128,128,142,0.5) !important; + #tabbrowser-tabs:not([noshadowfortests]) + .tabbrowser-tab:is([visuallyselected="true"], [multiselected]) + > .tab-stack + > .tab-background:not(:-moz-lwtheme) { + box-shadow: 0 0 4px rgba(128, 128, 142, 0.5) !important; } - #TabsToolbar:not([brighttext]) #tabbrowser-tabs:not([noshadowfortests]) .tabbrowser-tab:is([visuallyselected=true], [multiselected]) > .tab-stack > .tab-background:not(:-moz-lwtheme) { - box-shadow: 0 0 1px var(--tab-line-color, rgba(128,128,142,0.9)), - 0 0 4px rgba(128,128,142,0.5) !important; + #TabsToolbar:not([brighttext]) + #tabbrowser-tabs:not([noshadowfortests]) + .tabbrowser-tab:is([visuallyselected="true"], [multiselected]) + > .tab-stack + > .tab-background:not(:-moz-lwtheme) { + box-shadow: 0 0 1px var(--tab-line-color, rgba(128, 128, 142, 0.9)), 0 0 4px rgba(128, 128, 142, 0.5) !important; } } From 5ce37fcd21d19121c7b70300cbbef4f3363dfadd Mon Sep 17 00:00:00 2001 From: MS_Y Date: Mon, 8 Nov 2021 11:54:01 +0900 Subject: [PATCH 90/91] Doc: Update README for `v4.5` --- README.org | 6 +++++- 1 file changed, 5 insertions(+), 1 deletion(-) diff --git a/README.org b/README.org index 0cb7d21..37d69ef 100644 --- a/README.org +++ b/README.org @@ -37,6 +37,7 @@ - More dark mode support - GTK system theme support - Windows system theme support + - Mac system theme support - Windows7 compatibility - *Icons* - Panel @@ -59,12 +60,15 @@ - Adjust Color: Easily recognizable. - Unselect: - Divide Line: React to hover like chrome + - Unloaded: + - Dimmed: Looks like inactive - Clipped: - Clearer Text: Adjusted clipped gradation - Closed Button: Visible on hover - Sound: - Remove Second Label - Show Favicon: Always show favicon + - PIP Icon - Container Tab: - Highlight line position: Displayed under tab. - *Button Design* @@ -79,7 +83,7 @@ - Illustrations: Restore error page illustrations - *Others* - Activate calculator at address bar - - Smooth Scrolling + - Animations - Mouse pointer for each context ** Installation Guide From 08babb206e465198d9630fff9288f84d71131dad Mon Sep 17 00:00:00 2001 From: alstjr7375 Date: Mon, 8 Nov 2021 11:58:47 +0900 Subject: [PATCH 91/91] Clean: Remove `uuid.sh` --- uuids.sh | 70 -------------------------------------------------------- 1 file changed, 70 deletions(-) delete mode 100644 uuids.sh diff --git a/uuids.sh b/uuids.sh deleted file mode 100644 index d016396..0000000 --- a/uuids.sh +++ /dev/null @@ -1,70 +0,0 @@ -#!/bin/bash - -## Mac -## arg1 - required: -## add: add UUIDs found in internal_UUID.txt to corresponding .css files -## remove: add UUIDs found in internal_UUID.txt to corresponding .css files -## arg2 - optional: -## nogen: don't generate internal_UUIDs.txt before adding/removing -## designed for users using userContent_imports.css -## entries in internal_UUIDs.txt should take on the following format: webextension_id=internal_UUID -## author: @overdodactyl -## version: 1.0 - -# Original: "scripts/internal_UUIDs.txt" -UUID_FILE="internal_UUIDs.txt" - -method=$1 -uuid_finder=${2:-gen} - -# Determine whether UUIDs will be inserted or removed -if [ $method = "add" ]; then - var1=0 - var2=1 - var3="inserted" -elif [ $method = "remove" ]; then - var1=1 - var2=0 - var3="removed" -else - echo "must pass argument add or remove" - exit 1 -fi - -currdir=$(pwd) -sfp=$(readlink -f "${BASH_SOURCE[0]}" 2>/dev/null || greadlink -f "${BASH_SOURCE[0]}" 2>/dev/null) -if [ -z "$sfp" ]; then sfp=${BASH_SOURCE[0]}; fi -cd "$(dirname "${sfp}")" && cd .. - -if [ $uuid_finder != "nogen" ]; then - ## Generate internal_UUIDs.txt - touch "${UUID_FILE}" - - ## Get installed extesnsions from prefs.js - line=$(sed -n -e 's/^user_pref("extensions.webextensions.uuids", "{\(.*\).*}");/\1/p' ./../prefs.js) - - ## Clear internal_UUIDS.txt - > "${UUID_FILE}" - - ## Write to internal_UUIDs - IFS=',' read -ra EXTS <<< "$line" - for i in "${EXTS[@]}"; do - id=$(echo $i | sed -n 's/.*"\(.*\)\\":.*/\1/p') - uuid=$(echo $i | sed -n 's/.*"\(.*\)\\".*/\1/p') - echo "$id=$uuid" >> "${UUID_FILE}" - done - echo "${UUID_FILE} was created" -fi - - -## Insert/remove any UUIDs defined in internal_UUIDs.txt into userContent.css -while IFS='' read -r line || [[ -n "$line" ]]; do - IFS='=' read -r -a array <<< "$line" - webextension_name=${array[0]%_UUID} - for filename in css/userContent-files/webextension-tweaks/*.css; do - sed -i '' "s/${array[$var1]}/${array[$var2]}/" "${filename}" - ##echo ${filename} - done - sed -i '' "s/${array[$var1]}/${array[$var2]}/" "userContent.css" -done < "scripts/internal_UUIDs.txt" -echo "UUIDs were ${var3}"