From 9440b653bdb450f2b756c3978d76d194ba8cd2ed Mon Sep 17 00:00:00 2001 From: datguypiko <61329159+datguypiko@users.noreply.github.com> Date: Tue, 17 Sep 2024 01:03:47 +0300 Subject: [PATCH 01/17] Update userContent.css --- userContent.css | 4 ---- 1 file changed, 4 deletions(-) diff --git a/userContent.css b/userContent.css index 6d0f6cf..4f7809c 100644 --- a/userContent.css +++ b/userContent.css @@ -76,10 +76,6 @@ --firefoxcss-firefoxview-sticky-color: hsla(240, 2%, 13%, 0.75) !important; --firefoxcss-firefoxview-search-color: hsla(240, 2%, 35%, 0.5) !important; } - - * { - scrollbar-color: #afafaf #2c2c2c !important; - } } /*===================================================================== From 5c90578c587e0853cb3c168654748714e3d612eb Mon Sep 17 00:00:00 2001 From: datguypiko <61329159+datguypiko@users.noreply.github.com> Date: Thu, 19 Sep 2024 19:12:50 +0300 Subject: [PATCH 02/17] Update transparent_bookmarks_bar.css make transparent bookmarks bar auto center and being click through on elements behind it. --- .../transparent_bookmarks_bar.css | 12 ++++++++++++ 1 file changed, 12 insertions(+) diff --git a/EXTRA MODS/Bookmarks Bar Mods/Transparent bookmarks bar/transparent_bookmarks_bar.css b/EXTRA MODS/Bookmarks Bar Mods/Transparent bookmarks bar/transparent_bookmarks_bar.css index 0c9591f..65ab7ec 100644 --- a/EXTRA MODS/Bookmarks Bar Mods/Transparent bookmarks bar/transparent_bookmarks_bar.css +++ b/EXTRA MODS/Bookmarks Bar Mods/Transparent bookmarks bar/transparent_bookmarks_bar.css @@ -7,6 +7,12 @@ background-color: hsl(0, 0%, 8%) !important; } +#PersonalToolbar:not([customizing]) { + align-self: center; + width: 100vw; + max-width: fit-content; + } + #personal-bookmarks #PlacesToolbarItems > toolbarbutton.bookmark-item:not(.subviewbutton, [disabled="true"], [open]):hover{ background-color: #393939 !important; } @@ -18,3 +24,9 @@ #personal-bookmarks #PlacesToolbarItems > toolbarbutton.bookmark-item[open="true"] { background-color: #555555 !important; } + +#PersonalToolbar:not([customizing]) { + align-self: center; + width: 100vw; + max-width: fit-content; +} From 43b89c8ce544fe9797c0409fc2c5e3c6b4ad7dcf Mon Sep 17 00:00:00 2001 From: datguypiko <61329159+datguypiko@users.noreply.github.com> Date: Thu, 19 Sep 2024 19:13:36 +0300 Subject: [PATCH 03/17] Update transparent_bookmarks_bar.css --- .../transparent_bookmarks_bar.css | 8 +------- 1 file changed, 1 insertion(+), 7 deletions(-) diff --git a/EXTRA MODS/Bookmarks Bar Mods/Transparent bookmarks bar/transparent_bookmarks_bar.css b/EXTRA MODS/Bookmarks Bar Mods/Transparent bookmarks bar/transparent_bookmarks_bar.css index 65ab7ec..b2fe3d9 100644 --- a/EXTRA MODS/Bookmarks Bar Mods/Transparent bookmarks bar/transparent_bookmarks_bar.css +++ b/EXTRA MODS/Bookmarks Bar Mods/Transparent bookmarks bar/transparent_bookmarks_bar.css @@ -7,12 +7,6 @@ background-color: hsl(0, 0%, 8%) !important; } -#PersonalToolbar:not([customizing]) { - align-self: center; - width: 100vw; - max-width: fit-content; - } - #personal-bookmarks #PlacesToolbarItems > toolbarbutton.bookmark-item:not(.subviewbutton, [disabled="true"], [open]):hover{ background-color: #393939 !important; } @@ -29,4 +23,4 @@ align-self: center; width: 100vw; max-width: fit-content; -} + } From 687a22210ee56210e3df4b49c083eb088e7ed146 Mon Sep 17 00:00:00 2001 From: datguypiko <61329159+datguypiko@users.noreply.github.com> Date: Thu, 19 Sep 2024 19:23:27 +0300 Subject: [PATCH 04/17] Update transparent_bookmarks_bar.css remove centering. Just leave clicking through transparent bookmarks bar. --- .../Transparent bookmarks bar/transparent_bookmarks_bar.css | 4 +--- 1 file changed, 1 insertion(+), 3 deletions(-) diff --git a/EXTRA MODS/Bookmarks Bar Mods/Transparent bookmarks bar/transparent_bookmarks_bar.css b/EXTRA MODS/Bookmarks Bar Mods/Transparent bookmarks bar/transparent_bookmarks_bar.css index b2fe3d9..8481197 100644 --- a/EXTRA MODS/Bookmarks Bar Mods/Transparent bookmarks bar/transparent_bookmarks_bar.css +++ b/EXTRA MODS/Bookmarks Bar Mods/Transparent bookmarks bar/transparent_bookmarks_bar.css @@ -20,7 +20,5 @@ } #PersonalToolbar:not([customizing]) { - align-self: center; - width: 100vw; - max-width: fit-content; + max-width: fit-content; } From 1451f0110798f34ec157b29554572236621adcd5 Mon Sep 17 00:00:00 2001 From: datguypiko <61329159+datguypiko@users.noreply.github.com> Date: Thu, 19 Sep 2024 19:29:23 +0300 Subject: [PATCH 05/17] Update transparent_bookmarks_bar.css --- .../Transparent bookmarks bar/transparent_bookmarks_bar.css | 3 +++ 1 file changed, 3 insertions(+) diff --git a/EXTRA MODS/Bookmarks Bar Mods/Transparent bookmarks bar/transparent_bookmarks_bar.css b/EXTRA MODS/Bookmarks Bar Mods/Transparent bookmarks bar/transparent_bookmarks_bar.css index 8481197..d6544f4 100644 --- a/EXTRA MODS/Bookmarks Bar Mods/Transparent bookmarks bar/transparent_bookmarks_bar.css +++ b/EXTRA MODS/Bookmarks Bar Mods/Transparent bookmarks bar/transparent_bookmarks_bar.css @@ -21,4 +21,7 @@ #PersonalToolbar:not([customizing]) { max-width: fit-content; +/* For centering + width:100vw; + align-self:center; */ } From a765d59b97ade3d3a12658e67266d3bc914ab07a Mon Sep 17 00:00:00 2001 From: datguypiko <61329159+datguypiko@users.noreply.github.com> Date: Sat, 21 Sep 2024 23:39:52 +0300 Subject: [PATCH 06/17] Update userChrome.css --- userChrome.css | 8 ++++++++ 1 file changed, 8 insertions(+) diff --git a/userChrome.css b/userChrome.css index c270b40..f3d39bf 100644 --- a/userChrome.css +++ b/userChrome.css @@ -302,6 +302,14 @@ Order of Toolbars background-color: var(--firefoxcss-item-bg-color) !important; } +/* Fix some custom firefox themes that break */ +#navigator-toolbox { + :root[lwtheme-image] & + { + background-image: var(--lwt-additional-images) !important; + } +} + /* Avoids bright flash */ #tabbrowser-tabpanels { background-color: var( From 9ec79026ad0e81d18badc88baf0daa75438ea2e4 Mon Sep 17 00:00:00 2001 From: datguypiko <61329159+datguypiko@users.noreply.github.com> Date: Sun, 22 Sep 2024 22:52:48 +0300 Subject: [PATCH 07/17] Update userChrome.css --- userChrome.css | 107 ++++++++++++++++++++++++++++++------------------- 1 file changed, 66 insertions(+), 41 deletions(-) diff --git a/userChrome.css b/userChrome.css index f3d39bf..6c83e63 100644 --- a/userChrome.css +++ b/userChrome.css @@ -1166,7 +1166,7 @@ toolbar > #urlbar:not([focused]) > .urlbar-input-container > #page-action-buttons - .urlbar-page-action { + .urlbar-page-action:not([open]) { opacity: 0; transition-delay: 500ms; } @@ -1204,6 +1204,7 @@ toolbar > #identity-icon-label { opacity: 0; visibility: collapse; + } #identity-icon-label { @@ -1223,17 +1224,6 @@ toolbar transition: margin-inline-start 100ms linear, opacity 200ms linear; } -#urlbar #identity-box.notSecureText #identity-icon-box { - margin-inline-start: initial !important; - opacity: 1 !important; - color: #e36f6f !important; -} - -#urlbar #identity-box.extensionPage #identity-icon-box { - /* padding-inline: var(--urlbar-icon-padding) !important; */ - margin-inline-start: initial !important; - opacity: 1 !important; -} #identity-box:hover #identity-icon-box, #identity-box:hover #identity-permission-box, @@ -1243,8 +1233,69 @@ toolbar margin-inline-start: initial !important; } + +#urlbar-label-box, +#urlbar-zoom-button { + background-color: var(--firefoxcss-item-bg-color) !important; +} + +#urlbar-zoom-button:hover { + background-color: var(--firefoxcss-urlbar-zoom-button) !important; +} + +#urlbar #identity-box[pageproxystate="valid"] { + &.weakCipher, + &.mixedDisplayContent, + &.mixedDisplayContentLoadedActiveBlocked, + &.certUserOverridden, + &.certErrorPage, + &.notSecure, + &.mixedActiveContent, + &.httpsOnlyErrorPage, + &.notSecureText{ + & #identity-icon-box { + margin-inline-start: initial !important; + opacity: 1 !important; + color: #e36f6f !important; + background-color: var(--firefoxcss-item-bg-color) !important; + + &:hover:not([open]) { + background-color: var(--firefoxcss-urlbar-zoom-button) !important; + } + + &:is(:hover:active, [open]) { + background-color: var(--firefoxcss-urlbar-zoom-button) !important; + } + } + } +} + +#urlbar #identity-box[pageproxystate="valid"]:is(.chromeUI, .extensionPage) > #identity-icon-box { + margin-inline-start: initial !important; + opacity: 1 !important; + background-color: var(--firefoxcss-item-bg-color) !important; + &:hover:not([open]) { + background-color: var(--firefoxcss-urlbar-zoom-button) !important; + } + + &:is(:hover:active, [open]) { + background-color: var(--firefoxcss-urlbar-zoom-button) !important; + } +} + +/* #identity-box.chromeUI::after, +#identity-box.chromeUI:hover::after { + opacity: 0 !important; +} */ + +#page-action-buttons:not(:hover) + #translations-button[translationsactive="true"]:not([open]) { + visibility: collapse !important; +} + + .urlbar-input-container .urlbar-input-box { - padding-inline-start: 2px !important; + padding-inline-start: 3px !important; } #identity-box:hover ~ .urlbar-input-box > #urlbar-input { @@ -1269,26 +1320,12 @@ toolbar } #page-action-buttons:hover > .urlbar-page-action, -.urlbar-page-action[open], -.urlbar-page-action[open] ~ .urlbar-page-action { +#page-action-buttons .urlbar-page-action[open], +#page-action-buttons .urlbar-page-action[open] ~ .urlbar-page-action { opacity: 1; margin-inline-end: 0px !important; } -#identity-box.chromeUI #identity-icon-box { - opacity: 1 !important; - margin-inline-start: initial; -} - -#identity-box.chromeUI::after, -#identity-box.chromeUI:hover::after { - opacity: 0 !important; -} - -#page-action-buttons:not(:hover) - #translations-button[translationsactive="true"]:not([open]) { - visibility: collapse !important; -} /* Create visual dots on both sides */ /* left side identity-box dots modification */ @@ -1364,18 +1401,6 @@ toolbar transition: opacity 0.2s ease; } */ -#identity-box[pageproxystate="valid"].notSecureText > .identity-box-button, -#identity-box[pageproxystate="valid"].extensionPage > .identity-box-button, -#identity-box[pageproxystate="valid"].chromeUI > .identity-box-button, -#urlbar-label-box, -#urlbar-zoom-button { - background-color: var(--firefoxcss-item-bg-color) !important; -} - -#urlbar-zoom-button:hover { - background-color: var(--firefoxcss-urlbar-zoom-button) !important; -} - /*===================================================================== ==================== L I N U X S U P P O R T ======================== ======================================================================= From 694566afa267fe6d5eb5c97a87e116ba794ea293 Mon Sep 17 00:00:00 2001 From: datguypiko <61329159+datguypiko@users.noreply.github.com> Date: Sun, 22 Sep 2024 23:03:23 +0300 Subject: [PATCH 08/17] Update userChrome.css --- userChrome.css | 12 +++++++++--- 1 file changed, 9 insertions(+), 3 deletions(-) diff --git a/userChrome.css b/userChrome.css index 6c83e63..a1ec6cb 100644 --- a/userChrome.css +++ b/userChrome.css @@ -1249,9 +1249,6 @@ toolbar &.mixedDisplayContentLoadedActiveBlocked, &.certUserOverridden, &.certErrorPage, - &.notSecure, - &.mixedActiveContent, - &.httpsOnlyErrorPage, &.notSecureText{ & #identity-icon-box { margin-inline-start: initial !important; @@ -1267,6 +1264,15 @@ toolbar background-color: var(--firefoxcss-urlbar-zoom-button) !important; } } + } + &.notSecure, + &.mixedActiveContent, + &.httpsOnlyErrorPage { + & #identity-icon-box { + margin-inline-start: initial !important; + opacity: 1 !important; + } + } } From a81925ab05be44f397cadc6fe7fb2e0e77729753 Mon Sep 17 00:00:00 2001 From: Alan-Kuan Date: Sun, 6 Oct 2024 14:43:31 +0800 Subject: [PATCH 09/17] Update spill-style-part1-file.css --- EXTRA THEMES/Spill/spill-style-part1-file.css | 11 +++++++++-- 1 file changed, 9 insertions(+), 2 deletions(-) diff --git a/EXTRA THEMES/Spill/spill-style-part1-file.css b/EXTRA THEMES/Spill/spill-style-part1-file.css index eb97079..d38ba66 100644 --- a/EXTRA THEMES/Spill/spill-style-part1-file.css +++ b/EXTRA THEMES/Spill/spill-style-part1-file.css @@ -1,8 +1,15 @@ /* Spill style. Modifications for userChrome file */ /* ----- My Custom Colors ----- */ -:root { - --firefoxcss-bookmarks-bg-color: hsl(240, 2%, 20%) !important; +@media (prefers-color-scheme: dark) { + :root { + --firefoxcss-bookmarks-bg-color: hsl(240, 2%, 20%) !important; + } +} +@media (prefers-color-scheme: light) { + :root { + --firefoxcss-bookmarks-bg-color: hsl(200, 0%, 95%) !important; + } } /* Main BAR */ From d8ac6d9d57a370dfa7cebbdc0499e2ee2525d49c Mon Sep 17 00:00:00 2001 From: Alan-Kuan Date: Sun, 6 Oct 2024 15:47:29 +0800 Subject: [PATCH 10/17] Update spill-style-part2-file.css and add spill-light.svg, spill-main-light.svg --- ASSETS/other/spill-light.svg | 23 ++++++++++ ASSETS/other/spill-main-light.svg | 23 ++++++++++ EXTRA THEMES/Spill/spill-style-part1-file.css | 5 -- EXTRA THEMES/Spill/spill-style-part2-file.css | 46 +++++++++++++------ 4 files changed, 79 insertions(+), 18 deletions(-) create mode 100644 ASSETS/other/spill-light.svg create mode 100644 ASSETS/other/spill-main-light.svg diff --git a/ASSETS/other/spill-light.svg b/ASSETS/other/spill-light.svg new file mode 100644 index 0000000..9b7fcb7 --- /dev/null +++ b/ASSETS/other/spill-light.svg @@ -0,0 +1,23 @@ + + + + + + + + + + + + + + + + + + + + + + + diff --git a/ASSETS/other/spill-main-light.svg b/ASSETS/other/spill-main-light.svg new file mode 100644 index 0000000..377d577 --- /dev/null +++ b/ASSETS/other/spill-main-light.svg @@ -0,0 +1,23 @@ + + + + + + + + + + + + + + + + + + + + + + + diff --git a/EXTRA THEMES/Spill/spill-style-part1-file.css b/EXTRA THEMES/Spill/spill-style-part1-file.css index d38ba66..6a27529 100644 --- a/EXTRA THEMES/Spill/spill-style-part1-file.css +++ b/EXTRA THEMES/Spill/spill-style-part1-file.css @@ -6,11 +6,6 @@ --firefoxcss-bookmarks-bg-color: hsl(240, 2%, 20%) !important; } } -@media (prefers-color-scheme: light) { - :root { - --firefoxcss-bookmarks-bg-color: hsl(200, 0%, 95%) !important; - } -} /* Main BAR */ #main-window #navigator-toolbox { diff --git a/EXTRA THEMES/Spill/spill-style-part2-file.css b/EXTRA THEMES/Spill/spill-style-part2-file.css index 64b5258..8204039 100644 --- a/EXTRA THEMES/Spill/spill-style-part2-file.css +++ b/EXTRA THEMES/Spill/spill-style-part2-file.css @@ -1,17 +1,28 @@ /* Spill style. Modifications for userContent file */ -:root { - --firefoxcss-item-bg-color: hsla(240, 2%, 45%, 0.4) !important; - --firefoxcss-item-hover-bg-color: hsl(240, 2%, 55%, 0.4) !important; - --firefoxcss-settings-wheel-color: hsla(240, 20%, 80%, 0.6) !important; - --firefoxcss-settings-wheel-color-hover: hsla(240, 20%, 80%, 0.9) !important; +@media (prefers-color-scheme: dark) { + :root { + --firefoxcss-item-bg-color: hsla(240, 2%, 45%, 0.4) !important; + --firefoxcss-item-hover-bg-color: hsl(240, 2%, 55%, 0.4) !important; + --firefoxcss-settings-wheel-color: hsla(240, 20%, 80%, 0.6) !important; + --firefoxcss-settings-wheel-color-hover: hsla(240, 20%, 80%, 0.9) !important; + } } @-moz-document url("about:privatebrowsing") { - html:not(#ublock0-epicker), - html:not(#ublock0-epicker) body, - #newtab-customize-overlay { - background-image: url("ASSETS/other/spill.svg") !important; + @media (prefers-color-scheme: dark) { + html:not(#ublock0-epicker), + html:not(#ublock0-epicker) body, + #newtab-customize-overlay { + background-image: url("ASSETS/other/spill.svg") !important; + } + } + @media (prefers-color-scheme: light) { + html:not(#ublock0-epicker), + html:not(#ublock0-epicker) body, + #newtab-customize-overlay { + background-image: url("ASSETS/other/spill-light.svg") !important; + } } #search-handoff-button { @@ -42,10 +53,19 @@ @-moz-document url("about:home"), url("about:newtab") { - html:not(#ublock0-epicker), - html:not(#ublock0-epicker) body, - #newtab-customize-overlay { - background-image: url("ASSETS/other/spill-main.svg") !important; + @media (prefers-color-scheme: dark) { + html:not(#ublock0-epicker), + html:not(#ublock0-epicker) body, + #newtab-customize-overlay { + background-image: url("ASSETS/other/spill-main.svg") !important; + } + } + @media (prefers-color-scheme: light) { + html:not(#ublock0-epicker), + html:not(#ublock0-epicker) body, + #newtab-customize-overlay { + background-image: url("ASSETS/other/spill-main-light.svg") !important; + } } .body-wrapper .tile { From 6e0eec0d8ae792fdee720035af17fca138bac918 Mon Sep 17 00:00:00 2001 From: datguypiko <61329159+datguypiko@users.noreply.github.com> Date: Wed, 16 Oct 2024 01:35:10 +0300 Subject: [PATCH 11/17] Update README.md --- README.md | 3 +++ 1 file changed, 3 insertions(+) diff --git a/README.md b/README.md index 2dc3a3d..6485fd9 100644 --- a/README.md +++ b/README.md @@ -164,6 +164,9 @@ Installation Instructions https://github.com/Alan-Kuan/Firefox-Mod-Blur#page_wit

:wrench: MicaForEveryone Installation

> [!Warning] +> ##### ------- +> ##### Native Mica transparency is coming to firefox soon so this will 1. not be required or 2. can be used for better blur effect. +> ##### ------- > ##### DEPRECATED WITH FIREFOX v117 and up > ##### To continue using MicaForEveryone you can use Firefox v115 ESR - Extended Support Release version which will be supported and have security updates for at least a year. You can install ESR version to separate folder so you are able continue using both versions. I haven't tested that version so there could be some minor issues. https://www.mozilla.org/en-US/firefox/all/#product-desktop-esr. I recommend using my older version files. [Maybe something like v115.x - v117.x should work fine.](https://github.com/datguypiko/Firefox-Mod-Blur/releases). From bbdbc010b591737267cc34bae4f2a882fc8c6e05 Mon Sep 17 00:00:00 2001 From: datguypiko <61329159+datguypiko@users.noreply.github.com> Date: Fri, 1 Nov 2024 01:37:06 +0200 Subject: [PATCH 12/17] Update README.md --- README.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/README.md b/README.md index 6485fd9..68caca5 100644 --- a/README.md +++ b/README.md @@ -1,7 +1,7 @@

Firefox Mod Blur - Modular

-Version +Version Updated Date Created From 521a7912d490682eaf0cd508dd128e6b039ae2b5 Mon Sep 17 00:00:00 2001 From: datguypiko <61329159+datguypiko@users.noreply.github.com> Date: Fri, 1 Nov 2024 01:40:55 +0200 Subject: [PATCH 13/17] Update userChrome.css updated tab volume buttons for firefox v132.0 --- userChrome.css | 399 ++++++++++++++++++++++++++++--------------------- 1 file changed, 228 insertions(+), 171 deletions(-) diff --git a/userChrome.css b/userChrome.css index a1ec6cb..4237fb9 100644 --- a/userChrome.css +++ b/userChrome.css @@ -101,7 +101,11 @@ --firefoxcss-url-breakout-box-shadow: rgba(0, 0, 0, 0.09) 0px 2px 1px, rgba(0, 0, 0, 0.09) 0px 4px 2px, rgba(0, 0, 0, 0.09) 0px 8px 4px, rgba(0, 0, 0, 0.09) 0px 16px 8px, rgba(0, 0, 0, 0.09) 0px 32px 16px; - --firefoxcss-url-clipboard-button: color-mix(in srgb, currentColor 10%, transparent); + --firefoxcss-url-clipboard-button: color-mix( + in srgb, + currentColor 10%, + transparent + ); /* Other colors */ --firefoxcss-urlbar-zoom-button: hsla(0, 0%, 60%, 0.35); @@ -115,7 +119,7 @@ --firefoxcss-customize-view-dashed-outline: hsla(0, 0%, 100%, 0.25); --firefoxcss-customize-view-flex-space: #d0ba9e; --firefoxcss-customize-view-overflow-menu: hsl(240, 2%, 10%); - + /* ============== Firefox Global colors change ==================== */ --arrowpanel-background: var(--firefoxcss-main-bg-color) !important; --button-hover-bgcolor: hsla(0, 0%, 60%, 0.35) !important; @@ -136,7 +140,11 @@ --panel-separator-zap-gradient: var(--panel-separator-color) !important; --lwt-sidebar-background-color: var(--firefoxcss-main-bg-color) !important; --urlbarView-highlight-background: hsl(240, 2%, 20%) !important; - --urlbarView-hover-background: color-mix(in srgb, currentColor 8%, transparent) !important; + --urlbarView-hover-background: color-mix( + in srgb, + currentColor 8%, + transparent + ) !important; /* Color for add bookmarks menu when adding through tabs */ --in-content-page-background: var(--arrowpanel-background) !important; --firefoxcss-context-menu-item-bg-color: hsla(0, 0%, 60%, 0.2) !important; @@ -199,7 +207,11 @@ --firefoxcss-url-autocomplete-highlight: hsl(200, 5%, 90%); --firefoxcss-url-breakout-box-shadow: transparent 0 0 0 3px, rgba(18, 18, 18, 0.1) 2px 10px 22px; - --firefoxcss-url-clipboard-button: color-mix(in srgb, currentColor 10%, transparent); + --firefoxcss-url-clipboard-button: color-mix( + in srgb, + currentColor 10%, + transparent + ); /* Other colors */ --firefoxcss-urlbar-zoom-button: hsla(200, 5%, 60%, 0.35); @@ -211,7 +223,7 @@ --firefoxcss-customize-view-dashed-outline: hsla(0, 0%, 0%, 0.2); --firefoxcss-customize-view-flex-space: hsl(34, 50%, 70%); --firefoxcss-customize-view-overflow-menu: hsl(200, 5%, 100%); - + /* ============== Firefox Global colors change ==================== */ --arrowpanel-background: hsl(200, 10%, 96%) !important; --button-hover-bgcolor: hsla(200, 5%, 70%, 0.35) !important; @@ -222,10 +234,19 @@ --panel-separator-color: hsla(0, 0%, 20%, 0.15) !important; --panel-separator-zap-gradient: var(--panel-separator-color) !important; --lwt-sidebar-background-color: var(--firefoxcss-main-bg-color) !important; - --urlbarView-hover-background: color-mix(in srgb, currentColor 8%, transparent) !important; - /* Color for add bookmarks menu when adding through tabs */ + --urlbarView-hover-background: color-mix( + in srgb, + currentColor 8%, + transparent + ) !important; + /* Color for add bookmarks menu when adding through tabs */ --in-content-page-background: var(--arrowpanel-background) !important; - --firefoxcss-context-menu-item-bg-color: hsla(240, 5%, 70%, 0.35) !important; + --firefoxcss-context-menu-item-bg-color: hsla( + 240, + 5%, + 70%, + 0.35 + ) !important; } } @@ -239,14 +260,13 @@ --firefoxcss-control-buttons-margin: 95px; --firefoxcss-tab-min-width: 110px; --firefoxcss-tab-max-width: 150px; - + --firefoxcss-searchbar-height: 32px; --firefoxcss-searchbar-container-height: 38px; --firefoxcss-searchbars-top-margin: 1px; --urlbar-icon-border-radius: 10px !important; --tab-block-margin: 2px !important; /* Default: 4px */ --tab-min-height: 28px !important; /* Default: 36px */ - } /*===================================================================== @@ -303,11 +323,10 @@ Order of Toolbars } /* Fix some custom firefox themes that break */ -#navigator-toolbox { - :root[lwtheme-image] & - { +#navigator-toolbox { + :root[lwtheme-image] & { background-image: var(--lwt-additional-images) !important; - } + } } /* Avoids bright flash */ @@ -357,7 +376,9 @@ Order of Toolbars } /* Some random 0.01px(???) line removed (Firefox v126.0)*/ -#nav-bar { border-top: 0px !important; } +#nav-bar { + border-top: 0px !important; +} /*===================================================================== ======================= H E I G H T F I X E S ======================= @@ -467,7 +488,6 @@ about:config -> svg.context-properties.content.enabled -> true*/ border-radius: var(--firefoxcss-border-radius) !important; } - /* Align text center */ #urlbar .urlbar-input-box { text-align: center; @@ -502,11 +522,10 @@ about:config -> svg.context-properties.content.enabled -> true*/ /* Remove border line between searche results and input */ /* Remove line over search engines in popout search */ #urlbar .urlbarView-body-inner, -#urlbar .urlbarView:not([noresults]) > .search-one-offs:not([hidden]) { +#urlbar .urlbarView:not([noresults]) > .search-one-offs:not([hidden]) { border-top: none !important; } - #urlbar[breakout][breakout-extend][open] #urlbar-background { border-bottom: var(--firefoxcss-url-breakout-border-bottom-color) !important; border-top: var(--firefoxcss-url-border-top-color) !important; @@ -520,7 +539,10 @@ about:config -> svg.context-properties.content.enabled -> true*/ /* Tabs Bar height */ :root { - --urlbar-min-height: max(var(--firefoxcss-searchbar-height), 1.4em) !important; + --urlbar-min-height: max( + var(--firefoxcss-searchbar-height), + 1.4em + ) !important; } #urlbar[breakout] { @@ -529,7 +551,9 @@ about:config -> svg.context-properties.content.enabled -> true*/ /* Search Bar container height */ #urlbar-container { - --urlbar-container-height: var(--firefoxcss-searchbar-container-height) !important; + --urlbar-container-height: var( + --firefoxcss-searchbar-container-height + ) !important; } #urlbar[breakout][breakout-extend] { @@ -554,7 +578,6 @@ about:config -> svg.context-properties.content.enabled -> true*/ margin-top: var(--firefoxcss-searchbars-top-margin) !important; } - #urlbar[breakout] { top: calc( (var(--urlbar-container-height) - var(--urlbar-height)) / 2 @@ -570,7 +593,6 @@ about:config -> svg.context-properties.content.enabled -> true*/ ) !important; } - /* Styling Extra search bar that you can add to firefox */ #search-container #searchbar { outline: 0 !important; @@ -586,7 +608,6 @@ about:config -> svg.context-properties.content.enabled -> true*/ --panel-background: var(--firefoxcss-url-breakout-bar-bg-color) !important; } - /*===================================================================== ============================= T A B S ================================= =====================================================================*/ @@ -739,37 +760,67 @@ about:config -> svg.context-properties.content.enabled -> true*/ } /* Speaker on tabs color fixes */ -.tab-icon-overlay:not([crashed])[soundplaying]:hover, -.tab-icon-overlay:not([crashed])[muted]:hover, -.tab-icon-overlay:not([crashed])[activemedia-blocked]:hover { - color: currentColor !important; - stroke: var(--firefoxcss-tab-speaker-icon-small-background) !important; - background-color: var(--firefoxcss-tab-speaker-color) !important; - fill-opacity: 0.95 !important; -} - -.tabbrowser-tab[selected] .tab-icon-overlay:not([crashed])[soundplaying]:hover, -.tabbrowser-tab[selected] .tab-icon-overlay:not([crashed])[muted]:hover, -.tabbrowser-tab[selected] - .tab-icon-overlay:not([crashed])[activemedia-blocked]:hover { - color: currentColor !important; - stroke: var(--firefoxcss-tab-speaker-color) !important; - background-color: var(--firefoxcss-tab-speaker-color) !important; - fill-opacity: 0.95 !important; +.tabbrowser-tab:not([pinned]) .tab-icon-overlay:not([crashed]) { + &:is([soundplaying], [muted], [activemedia-blocked]) { + fill: var(--firefoxcss-tab-speaker-icon-color) !important; + background-color: transparent !important; + border: none !important; + transform: scale(1.4); + transition: transform 200ms ease-in-out, fill 100ms ease-in-out, + background-color 100ms ease-in-out !important; + filter: drop-shadow(-1px 1px 1px light-dark(#0000002e, #00000052)); + &:hover { + background-color: var(--firefoxcss-tab-speaker-color) !important; + fill: var(--firefoxcss-tab-speaker-icon-hover-color) !important; + /* border: 1px solid #ffffff29 !important; */ + border: none !important; + transform: scale(1.1); + transition: transform 200ms ease-in-out, fill 100ms ease-in-out, + background-color 100ms ease-in-out, filter 100ms ease-in-out !important; + /* transform: scale(1.2); */ + /* background-color: #ffffff26 !important; */ + /* backdrop-filter: blur(4px) !important; */ + + /* background-color: transparent !important; */ + /* filter: drop-shadow(0px 0px 1px #0000009e); */ + } + } } -#TabsToolbar .tab-icon-overlay:not([crashed])[soundplaying], -#TabsToolbar .tab-icon-overlay:not([crashed])[muted], -#TabsToolbar .tab-icon-overlay:not([crashed])[activemedia-blocked] { - color: var(--firefoxcss-tab-speaker-icon-color) !important; -} +/* .tab-icon-overlay { + &:not([indicator-replaces-favicon]) { + &:is([soundplaying], [muted], [activemedia-blocked]) { + top: unset !important; + inset-inline-end: unset !important; + transform: translate(50%,-50%); + } + } +} */ -#TabsToolbar .tab-icon-overlay:not([crashed])[soundplaying]:hover, -#TabsToolbar .tab-icon-overlay:not([crashed])[muted]:hover, -#TabsToolbar .tab-icon-overlay:not([crashed])[activemedia-blocked]:hover { - color: var(--firefoxcss-tab-speaker-icon-hover-color) !important; +.tabbrowser-tab[pinned] .tab-icon-overlay:not([crashed]) { + &:is([soundplaying], [muted], [activemedia-blocked]) { + background-color: var(--firefoxcss-tab-speaker-color) !important; + /* background-color: #ffffff26 !important; */ + background-color: #0000002e !important; + backdrop-filter: blur(6px); + /* fill: var(--firefoxcss-tab-speaker-icon-hover-color) !important; */ + fill: var(--firefoxcss-tab-speaker-icon-color) !important; + border: 1px solid #ffffff29 !important; + transition: transform 100ms ease-in-out, fill 100ms ease-in-out, + background-color 100ms ease-in-out; + + &:hover { + fill: var(--firefoxcss-tab-speaker-icon-color) !important; + background-color: transparent !important; + border: 1px solid #ffffff29 !important; + transition: transform 100ms ease-in-out, fill 100ms ease-in-out, + background-color 100ms ease-in-out !important; + /* transform: scale(1.4) translate(-0.35rem, 0.48rem); */ + transform: scale(1.3) translate(-8%, 14%); + transform-origin: center !important; + } + } } - /*===================================================================== ============ W I N D O W C O N T R O L B U T T O N S ============== =====================================================================*/ @@ -778,7 +829,7 @@ about:config -> svg.context-properties.content.enabled -> true*/ #toolbar-menubar[autohide="true"]:not([inactive]) + #TabsToolbar > & { visibility: visible !important; } -} +} /* :root[sizemode="fullscreen"] #navigator-toolbox { position: relative; } */ @media (-moz-platform: windows) { @@ -806,70 +857,68 @@ about:config -> svg.context-properties.content.enabled -> true*/ margin-left: 0px !important; margin-right: 0px !important; } - - - - @media not (-moz-bool-pref: "firefoxcss.tabs.on.top.enable") { - #toolbar-menubar .titlebar-button { - padding-block: 0px !important; - } - - #nav-bar-customization-target > :is(toolbarbutton, toolbaritem):first-child { - padding-inline-start: 2px !important; - } - - #nav-bar { - padding-right: var(--firefoxcss-control-buttons-margin) !important; - } - - #navigator-toolbox:not([inFullscreen]) - #TabsToolbar - .titlebar-buttonbox-container { - visibility: visible !important; - display: flex !important; - position: absolute !important; - top: 1px; - right: 0; - } - - - :root[sizemode="maximized"] .titlebar-buttonbox-container { - padding-top: 0px !important; - } - - #navigator-toolbox[inFullscreen] #nav-bar { - padding-right: initial !important; - } - .titlebar-buttonbox-container .titlebar-min { - order: 0 !important; - } + @media not (-moz-bool-pref: "firefoxcss.tabs.on.top.enable") { + #toolbar-menubar .titlebar-button { + padding-block: 0px !important; + } - .titlebar-buttonbox-container .titlebar-max, - .titlebar-restore { - order: 1 !important; - } + #nav-bar-customization-target + > :is(toolbarbutton, toolbaritem):first-child { + padding-inline-start: 2px !important; + } - .titlebar-buttonbox-container .titlebar-close { - order: 2 !important; - } + #nav-bar { + padding-right: var(--firefoxcss-control-buttons-margin) !important; + } - @media only screen and (max-width: 670px) { #navigator-toolbox:not([inFullscreen]) #TabsToolbar .titlebar-buttonbox-container { visibility: visible !important; display: flex !important; - position: relative !important; - order: 1 !important; - padding-top: 1px !important; - padding-bottom: 1px !important; + position: absolute !important; + top: 1px; + right: 0; } - #navigator-toolbox:not([inFullscreen]) #nav-bar { + :root[sizemode="maximized"] .titlebar-buttonbox-container { + padding-top: 0px !important; + } + + #navigator-toolbox[inFullscreen] #nav-bar { padding-right: initial !important; } - } + + .titlebar-buttonbox-container .titlebar-min { + order: 0 !important; + } + + .titlebar-buttonbox-container .titlebar-max, + .titlebar-restore { + order: 1 !important; + } + + .titlebar-buttonbox-container .titlebar-close { + order: 2 !important; + } + + @media only screen and (max-width: 670px) { + #navigator-toolbox:not([inFullscreen]) + #TabsToolbar + .titlebar-buttonbox-container { + visibility: visible !important; + display: flex !important; + position: relative !important; + order: 1 !important; + padding-top: 1px !important; + padding-bottom: 1px !important; + } + + #navigator-toolbox:not([inFullscreen]) #nav-bar { + padding-right: initial !important; + } + } } } @@ -880,14 +929,14 @@ about:config -> svg.context-properties.content.enabled -> true*/ menupopup :-moz-any(menu, menuitem) { margin-top: 2px !important; margin-bottom: 1px !important; -/* padding-top: 4px !important; + /* padding-top: 4px !important; padding-bottom: 4px !important; */ - } menupopup { @media (-moz-platform: windows) { - & > menu, & > menuitem { + & > menu, + & > menuitem { padding-block: 0.25em !important; margin-left: 2px !important; margin-right: 2px !important; @@ -895,7 +944,6 @@ menupopup { } } - @media (-moz-platform: windows) { #context-navigation > .menuitem-iconic[_moz-menuactive="true"] @@ -904,19 +952,18 @@ menupopup { border-radius: var(--toolbarbutton-border-radius) !important; background-color: var(--button-hover-bgcolor) !important; } - + menupopup > :-moz-any( menu[_moz-menuactive="true"], menuitem[_moz-menuactive="true"]:not([selected]) ) { - background-color: var(--firefoxcss-context-menu-item-bg-color) !important; + background-color: var(--firefoxcss-context-menu-item-bg-color) !important; } - + #context-navigation > .menuitem-iconic[_moz-menuactive] { &:not([disabled]) { background-color: transparent !important; - } &[disabled] { background-color: transparent !important; @@ -925,8 +972,8 @@ menupopup { } #ContentSelectDropdownPopup { - --content-select-background-image: none !important; - } + --content-select-background-image: none !important; +} /* menupopup :-moz-any(menu:first-child, menuitem:first-child) { margin-top: 0px !important; @@ -978,22 +1025,28 @@ menupopup padding-block: 0px !important; } -#context-navigation #context-back[disabled="true"] .menu-iconic-left .menu-iconic-icon{ +#context-navigation + #context-back[disabled="true"] + .menu-iconic-left + .menu-iconic-icon { opacity: 0.5 !important; } -#context-navigation #context-forward[disabled="true"] .menu-iconic-left .menu-iconic-icon{ +#context-navigation + #context-forward[disabled="true"] + .menu-iconic-left + .menu-iconic-icon { opacity: 0.5 !important; } #context-navigation > .menuitem-iconic { - & > .menu-iconic-left { - & > .menu-iconic-icon { - width: 42px !important; - height: 32px !important; - } + & > .menu-iconic-left { + & > .menu-iconic-icon { + width: 42px !important; + height: 32px !important; } - } + } +} /*===================================================================== ===================== B O O K M A R K S B A R ======================= =====================================================================*/ @@ -1132,11 +1185,15 @@ toolbar } /* Remove line on the right side of the Firefox view button and fix margins */ -:root:not([privatebrowsingmode], [firefoxviewhidden]) :is(toolbarbutton, toolbarpaletteitem) + #tabbrowser-tabs, -:root[privatebrowsingmode]:not([firefoxviewhidden]) :is( - toolbarbutton:not(#firefox-view-button), - toolbarpaletteitem:not(#wrapper-firefox-view-button) -) + #tabbrowser-tabs { +:root:not([privatebrowsingmode], [firefoxviewhidden]) + :is(toolbarbutton, toolbarpaletteitem) + + #tabbrowser-tabs, +:root[privatebrowsingmode]:not([firefoxviewhidden]) + :is( + toolbarbutton:not(#firefox-view-button), + toolbarpaletteitem:not(#wrapper-firefox-view-button) + ) + + #tabbrowser-tabs { border-inline-start: 0 !important; margin-inline-start: 0px !important; } @@ -1204,7 +1261,6 @@ toolbar > #identity-icon-label { opacity: 0; visibility: collapse; - } #identity-icon-label { @@ -1224,7 +1280,6 @@ toolbar transition: margin-inline-start 100ms linear, opacity 200ms linear; } - #identity-box:hover #identity-icon-box, #identity-box:hover #identity-permission-box, #identity-box #identity-permission-box[open="true"], @@ -1233,7 +1288,6 @@ toolbar margin-inline-start: initial !important; } - #urlbar-label-box, #urlbar-zoom-button { background-color: var(--firefoxcss-item-bg-color) !important; @@ -1244,46 +1298,47 @@ toolbar } #urlbar #identity-box[pageproxystate="valid"] { - &.weakCipher, - &.mixedDisplayContent, - &.mixedDisplayContentLoadedActiveBlocked, - &.certUserOverridden, - &.certErrorPage, - &.notSecureText{ - & #identity-icon-box { - margin-inline-start: initial !important; - opacity: 1 !important; - color: #e36f6f !important; - background-color: var(--firefoxcss-item-bg-color) !important; - - &:hover:not([open]) { - background-color: var(--firefoxcss-urlbar-zoom-button) !important; - } - - &:is(:hover:active, [open]) { - background-color: var(--firefoxcss-urlbar-zoom-button) !important; - } - } - } - &.notSecure, - &.mixedActiveContent, - &.httpsOnlyErrorPage { - & #identity-icon-box { - margin-inline-start: initial !important; - opacity: 1 !important; + &.weakCipher, + &.mixedDisplayContent, + &.mixedDisplayContentLoadedActiveBlocked, + &.certUserOverridden, + &.certErrorPage, + &.notSecureText { + & #identity-icon-box { + margin-inline-start: initial !important; + opacity: 1 !important; + color: #e36f6f !important; + background-color: var(--firefoxcss-item-bg-color) !important; + + &:hover:not([open]) { + background-color: var(--firefoxcss-urlbar-zoom-button) !important; + } + + &:is(:hover:active, [open]) { + background-color: var(--firefoxcss-urlbar-zoom-button) !important; } - + } + } + &.notSecure, + &.mixedActiveContent, + &.httpsOnlyErrorPage { + & #identity-icon-box { + margin-inline-start: initial !important; + opacity: 1 !important; + } } } -#urlbar #identity-box[pageproxystate="valid"]:is(.chromeUI, .extensionPage) > #identity-icon-box { +#urlbar + #identity-box[pageproxystate="valid"]:is(.chromeUI, .extensionPage) + > #identity-icon-box { margin-inline-start: initial !important; opacity: 1 !important; background-color: var(--firefoxcss-item-bg-color) !important; &:hover:not([open]) { - background-color: var(--firefoxcss-urlbar-zoom-button) !important; + background-color: var(--firefoxcss-urlbar-zoom-button) !important; } - + &:is(:hover:active, [open]) { background-color: var(--firefoxcss-urlbar-zoom-button) !important; } @@ -1299,7 +1354,6 @@ toolbar visibility: collapse !important; } - .urlbar-input-container .urlbar-input-box { padding-inline-start: 3px !important; } @@ -1332,7 +1386,6 @@ toolbar margin-inline-end: 0px !important; } - /* Create visual dots on both sides */ /* left side identity-box dots modification */ #urlbar:is(:not([usertyping]), :not([focused])) #identity-box::after, @@ -1603,34 +1656,38 @@ toolbar /* Make forward and back buttons smaller */ #back-button .toolbarbutton-icon, -#forward-button .toolbarbutton-icon{ +#forward-button .toolbarbutton-icon { padding: 8.5px !important; } /* Container extension code */ -#TabsToolbar #tabbrowser-tabs .tabbrowser-tab[usercontextid] .tab-background:not([selected]) { +#TabsToolbar + #tabbrowser-tabs + .tabbrowser-tab[usercontextid] + .tab-background:not([selected]) { background: var(--identity-tab-color) !important; opacity: 0.3 !important; } /* Container extension code */ #tabbrowser-tabs .tab-context-line { - display:none !important; + display: none !important; } /* Some color fixes after 125.0.1 update. URLBAR Clipboard buttons */ .urlbarView-row:is([type="switchtab"], [type="remotetab"], [type="clipboard"]) { & > .urlbarView-row-inner > .urlbarView-no-wrap > .urlbarView-action { - background-color: var(--firefoxcss-url-clipboard-button) !important; + background-color: var(--firefoxcss-url-clipboard-button) !important; padding: 4px 8px !important; } } .urlbarView-button { - .urlbarView-row:is([row-selectable]:hover, [selected]) > &:not(:hover, [open]) { + .urlbarView-row:is([row-selectable]:hover, [selected]) + > &:not(:hover, [open]) { background-color: transparent !important; opacity: 0.8 !important; } -} +} /* #appcontent > #tabbrowser-tabbox @@ -1679,11 +1736,11 @@ toolbar :root { --firefoxcss-searchbar-container-height: 36px !important; } - - #PanelUI-menu-button { - padding-inline-end: 3px !important;; + + #PanelUI-menu-button { + padding-inline-end: 3px !important; } - + #TabsToolbar .titlebar-buttonbox-container { order: 1 !important; padding: 0px !important; From d47f6bb918ad2b4d367789a6013e424cd774540c Mon Sep 17 00:00:00 2001 From: datguypiko <61329159+datguypiko@users.noreply.github.com> Date: Fri, 1 Nov 2024 02:04:15 +0200 Subject: [PATCH 14/17] Update userChrome.css tab preview disable preference --- userChrome.css | 5 +++++ 1 file changed, 5 insertions(+) diff --git a/userChrome.css b/userChrome.css index 4237fb9..6ae5cc0 100644 --- a/userChrome.css +++ b/userChrome.css @@ -1643,6 +1643,11 @@ toolbar /*===================================================================== ============================= O T H E R =============================== =====================================================================*/ +@media (-moz-bool-pref: "firefoxcss.disable.tab.preview.panel.fully") { + #tab-preview-panel, #tabbrowser-tab-tooltip { + display: none !important; + } +} /* Status URL change (bottom left when hovering a link) */ #statuspanel-label { From 99b4b543119701f9d059ea245026a7010a65c5a6 Mon Sep 17 00:00:00 2001 From: datguypiko <61329159+datguypiko@users.noreply.github.com> Date: Fri, 1 Nov 2024 02:37:08 +0200 Subject: [PATCH 15/17] Update README.md --- README.md | 6 +----- 1 file changed, 1 insertion(+), 5 deletions(-) diff --git a/README.md b/README.md index 68caca5..8be3dbe 100644 --- a/README.md +++ b/README.md @@ -164,11 +164,7 @@ Installation Instructions https://github.com/Alan-Kuan/Firefox-Mod-Blur#page_wit

:wrench: MicaForEveryone Installation

> [!Warning] -> ##### ------- -> ##### Native Mica transparency is coming to firefox soon so this will 1. not be required or 2. can be used for better blur effect. -> ##### ------- -> ##### DEPRECATED WITH FIREFOX v117 and up -> ##### To continue using MicaForEveryone you can use Firefox v115 ESR - Extended Support Release version which will be supported and have security updates for at least a year. You can install ESR version to separate folder so you are able continue using both versions. I haven't tested that version so there could be some minor issues. https://www.mozilla.org/en-US/firefox/all/#product-desktop-esr. I recommend using my older version files. [Maybe something like v115.x - v117.x should work fine.](https://github.com/datguypiko/Firefox-Mod-Blur/releases). +> ##### Coming soon again in firefox v133,v134 or v135. Will probably come with v3.0. 1. Download the portable or installation file from [github.com/MicaForEveryone](https://github.com/MicaForEveryone/MicaForEveryone/releases). 2. Install the extra files it asks you to install. And run the program. From ce18914887c69fc555316d18602ba850be4bef61 Mon Sep 17 00:00:00 2001 From: datguypiko <61329159+datguypiko@users.noreply.github.com> Date: Fri, 1 Nov 2024 03:53:43 +0200 Subject: [PATCH 16/17] Update userChrome.css blur to moving tabs --- userChrome.css | 8 +++++++- 1 file changed, 7 insertions(+), 1 deletion(-) diff --git a/userChrome.css b/userChrome.css index 6ae5cc0..caa5616 100644 --- a/userChrome.css +++ b/userChrome.css @@ -750,10 +750,16 @@ about:config -> svg.context-properties.content.enabled -> true*/ background-color 0.15s ease !important; } -#titlebar #TabsToolbar #tabbrowser-tabs .tabbrowser-tab .tab-background { +#TabsToolbar #tabbrowser-tabs .tabbrowser-tab .tab-background { margin-block: 2px !important; } +#tabbrowser-tabs[movingtab] > #tabbrowser-arrowscrollbox > +.tabbrowser-tab:is([selected], [multiselected]) .tab-background{ + background-color: color-mix(in srgb, var(--firefoxcss-tab-active-bg-color) 50%, transparent) !important; + backdrop-filter: blur(12px); +} + /* Remove right and left side tab overflow border line */ #scrollbutton-up ~ spacer { border-color: transparent !important; From 8ff98f96b035e5eef47adcfbc33fc7f6013069ef Mon Sep 17 00:00:00 2001 From: datguypiko <61329159+datguypiko@users.noreply.github.com> Date: Fri, 1 Nov 2024 04:30:05 +0200 Subject: [PATCH 17/17] Update README.md --- README.md | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/README.md b/README.md index 8be3dbe..fec7bbc 100644 --- a/README.md +++ b/README.md @@ -2,13 +2,13 @@

Version -Updated Date +Updated Date Created

Installation Guide Extra mods -Download Latest +Download Latest

FirefoxCss