search

wilfredwee / photon-australis

Bringing sexy curves back to Firefox Photon.
MIT License
461 stars 69 forks source link

A little help #78

Closed KMWAZ closed 4 years ago

KMWAZ commented 4 years ago

I must be an idiot as I can't get this to work.

  1. I am using 69.0.2. build
  2. I added the folder Chrome to ....../firefox/profiles
  3. I created a blank user.chrome.css
  4. I copied the text from your css "light" file to it
  5. Choose light theme
  6. Closed and opened Firefox
  7. Nothing?

I do something wrong?

wilfredwee commented 4 years ago

Make sure you've done these steps:

Go to your Firefox browser, type about:config in your url bar.

Search for toolkit.legacyUserProfileCustomizations.stylesheets and set it to true

KMWAZ commented 4 years ago

Yep, I did do that.

[image: Screen Shot 2019-10-04 at 6.41.28 AM.png]

On Thu, Oct 3, 2019 at 8:07 PM Wilfred Wee notifications@github.com wrote:

Make sure you've done these steps:

Go to your Firefox browser, type about:config in your url bar.

Search for toolkit.legacyUserProfileCustomizations.stylesheets and set it to true

— You are receiving this because you authored the thread. Reply to this email directly, view it on GitHub https://github.com/wilfredwee/photon-australis/issues/78?email_source=notifications&email_token=AIKBMAH7SMCOP4R7REXFBG3QM2XNRA5CNFSM4I5JXZUKYY3PNVWWK3TUL52HS4DFVREXG43VMVBW63LNMVXHJKTDN5WW2ZLOORPWSZGOEAKG25Q#issuecomment-538209654, or mute the thread https://github.com/notifications/unsubscribe-auth/AIKBMAHGOUTDSIEXXKN6MQTQM2XNRANCNFSM4I5JXZUA .

wilfredwee commented 4 years ago

Make sure you're:

  1. In the correct profile folder
  2. folder name is chrome - not capitalized.
  3. file name is userChrome.css - no period, take note of capitalization.
KMWAZ commented 4 years ago

I do have this correct I think?

[image: Screen Shot 2019-10-05 at 7.41.05 AM.png]

On Fri, Oct 4, 2019 at 11:50 PM Wilfred Wee notifications@github.com wrote:

Make sure you're:

  1. In the correct profile folder
  2. folder name is chrome - not capitalized.
  3. file name is userChrome.css - no period, take note of capitalization.

— You are receiving this because you authored the thread. Reply to this email directly, view it on GitHub https://github.com/wilfredwee/photon-australis/issues/78?email_source=notifications&email_token=AIKBMADMS4QDRNBATKKHD6TQNA2LLA5CNFSM4I5JXZUKYY3PNVWWK3TUL52HS4DFVREXG43VMVBW63LNMVXHJKTDN5WW2ZLOORPWSZGOEANL32A#issuecomment-538623464, or mute the thread https://github.com/notifications/unsubscribe-auth/AIKBMAF3YPSOSW4HXG2PE2TQNA2LLANCNFSM4I5JXZUA .

KMWAZ commented 4 years ago

Any further comments to help get this installed?

This is what I have copied into the iserChrome.css file (see file attached)

Also, I have the "light theme" selected. Assume that's correct?

I appreciate your help. Thanks. KMW

On Sat, Oct 5, 2019 at 7:42 AM Kevin Walsh kevin@walshaz.com wrote:

I do have this correct I think?

[image: Screen Shot 2019-10-05 at 7.41.05 AM.png]

On Fri, Oct 4, 2019 at 11:50 PM Wilfred Wee notifications@github.com wrote:

Make sure you're:

  1. In the correct profile folder
  2. folder name is chrome - not capitalized.
  3. file name is userChrome.css - no period, take note of capitalization.

— You are receiving this because you authored the thread. Reply to this email directly, view it on GitHub https://github.com/wilfredwee/photon-australis/issues/78?email_source=notifications&email_token=AIKBMADMS4QDRNBATKKHD6TQNA2LLA5CNFSM4I5JXZUKYY3PNVWWK3TUL52HS4DFVREXG43VMVBW63LNMVXHJKTDN5WW2ZLOORPWSZGOEANL32A#issuecomment-538623464, or mute the thread https://github.com/notifications/unsubscribe-auth/AIKBMAF3YPSOSW4HXG2PE2TQNA2LLANCNFSM4I5JXZUA .

:root { --tab-curve-width: 30px; --tabs-border: transparent !important; }

.tabbrowser-arrowscrollbox .arrowscrollbox-scrollbox { padding-inline-start: 10px !important; }

/ To be able to see the top border of the tab / .tab-stack { margin-top: 2px !important; }

/ When the window is maximized, the first pinned tab is properly displayed. /

TabsToolbar {

padding-inline-start: 15px !important; }

tabbrowser-tabs{

margin-left:-15px; }

.titlebar-placeholder { border: none !important; }

.titlebar-spacer { border: none !important; }

/ Remove unneeded styles from Photon / .tabbrowser-tab::before, .tabbrowser-tab::after { border: none !important; }

/ Windows 7 specific / @media (-moz-os-version: windows-win7) { .tabbrowser-tab { background-color: transparent !important; border: none !important; }

@media (-moz-windows-default-theme) { .tabbrowser-tab:not(:-moz-lwtheme) { background-color: transparent !important; border: none !important; } } }

.tabbrowser-tab > .tab-stack > .tab-background { background-image: none !important; -moz-box-orient: horizontal !important; background-color: transparent !important; margin-top: 1px !important; }

.tab-background[selected="true"] { border: none !important; }

.tab-background { pointer-events: none !important; }

.tab-line { display: none !important; }

.tab-bottom-line { display: none !important; }

/ Match height of new tab button (right svg) on hover /

tabs-newtab-button {

margin: 0 !important; }

/ overlap the tab curves / .tab-background { -moz-margin-end: -15px !important; -moz-margin-start: -15px !important; }

/ Remove blue animation on tab on page load complete / .tab-loading-burst { display: none !important; }

/ Begin tab background customizations / .tab-background[selected="true"]::before { border: none !important; content: "" !important; width: 30px !important; min-height: 30px !important; display: -moz-box !important; background-repeat: no-repeat !important; }

.tab-background[selected="true"]::after { border: none !important; content: "" !important; width: 30px !important; min-height: 30px !important; display: -moz-box !important; background-repeat: no-repeat !important; }

.tab-background[selected="true"] > spacer { margin-top: 0px !important; }

new-tab-button,

tabs-newtab-button {

width: calc(36px + 30px) !important; margin-inline-start: -15px !important; margin-top: 1px !important; }

/ Tab hover customizations / .close-icon:hover { border-radius: 50% !important; }

/ Regular tabs / .tabbrowser-tab:hover > .tab-stack > .tab-background:not([selected=true])::before { display: -moz-box !important; background-repeat: no-repeat !important; content: "" !important; width: 30px !important; max-height: 30px !important; background-color: transparent !important; }

.tabbrowser-tab:hover > .tab-stack > .tab-background:not([selected=true])::after { display: -moz-box !important; background-repeat: no-repeat !important; content: "" !important; width: 30px !important; max-height: 30px !important; background-color: transparent !important; }

.tabbrowser-tab:hover > .tab-stack > .tab-background:not([selected=true]) > spacer { margin-top: 0px !important; }

TabsToolbar[brighttext] > #tabbrowser-tabs > .tabbrowser-tab:hover > .tab-stack > .tab-background:not([selected="true"]),

tabs-newtab-button:hover,

tabs-newtab-button:hover::before,

tabs-newtab-button:hover::after {

background-color: transparent !important; }

/ New tab hover customizations / .tabbrowser-tab:hover > .tab-stack > .tab-background:not([selected="true"]), #tabs-newtab-button:hover { background-position: 0px 2px, 30px 4px , 36px 2px !important; background-repeat: no-repeat !important; background-size: 30px 30px, calc(100% - (2 * 30px)) 30px, 30px !important; }

tabs-newtab-button:hover > .toolbarbutton-icon {

background: none !important; background-color: transparent !important; }

/ Color specific customizations / :root { --svg-selected-before: url("data:image/svg+xml;utf8,</svg:clipPath></svg:clipPath></svg:clipPath>
");

--svg-selected-after: url("data:image/svg+xml;utf8,</svg:clipPath></svg:clipPath></svg:clipPath>
");

--background-selected-middle: linear-gradient(rgba(0,0,0,0), rgba(0,0,0,0)), linear-gradient( transparent 2px, rgb(249,249,255) 2px, rgb(249,249,255) ), none;

--svg-hover-before: url("data:image/svg+xml;utf8,</svg:clipPath></svg:clipPath></svg:clipPath>
");

--svg-hover-after: url("data:image/svg+xml;utf8,</svg:clipPath></svg:clipPath></svg:clipPath>
");

--background-hover-middle: linear-gradient(rgba(0,0,0,0), rgba(0,0,0,0)), linear-gradient( transparent 2px, rgba(255,255,255,.1) 2px, rgba(255,255,255,.1) ), none;

--newtab-hover: url("data:image/svg+xml;utf8,</svg:clipPath></svg:clipPath></svg:clipPath>
"), linear-gradient(rgba(255,255,255,.1), rgba(255,255,255,.1)), url("data:image/svg+xml;utf8,</svg:clipPath></svg:clipPath></svg:clipPath>
"); }

/ OS-specific color variables / @media screen and (-moz-windows-theme) { :root {

} }

@media not screen and (-moz-windows-theme) { :root {

} }

.tab-background[selected="true"]::before { background-image: var(--svg-selected-before) !important; }

.tab-background[selected="true"]::after { background-image: var(--svg-selected-after) !important; }

.tab-background[selected="true"] > spacer { background-image: var(--background-selected-middle) !important;

}

.tabbrowser-tab:hover > .tab-stack > .tab-background:not([selected=true])::before { background-image: var(--svg-hover-before) !important; }

.tabbrowser-tab:hover > .tab-stack > .tab-background:not([selected=true])::after { background-image: var(--svg-hover-after) !important; }

.tabbrowser-tab:hover > .tab-stack > .tab-background:not([selected=true]) > spacer { background-image: var(--background-hover-middle) !important;

}

tabs-newtab-button:hover {

background-image: var(--newtab-hover) !important; }

wilfredwee commented 4 years ago

I can't see the screenshots you attached in your email. You'll need to have an image link which can be viewed in Github.

KMWAZ commented 4 years ago

Sorry didn’t know I’ll resend

On Oct 8, 2019, at 7:13 PM, Wilfred Wee notifications@github.com wrote:

 I can't see the screenshots you attached in your email. You'll need to have an image link which can be viewed in Github.

— You are receiving this because you authored the thread. Reply to this email directly, view it on GitHub, or mute the thread.

KMWAZ commented 4 years ago

I do have this correct I think? [image: Screen Shot 2019-10-05 at 7.41.05 AM.png] … On Fri, Oct 4, 2019 at 11:50 PM Wilfred Wee @.***> wrote: Make sure you're: 1. In the correct profile folder 2. folder name is chrome - not capitalized. 3. file name is userChrome.css - no period, take note of capitalization. — You are receiving this because you authored the thread. Reply to this email directly, view it on GitHub <#78?email_source=notifications&email_token=AIKBMADMS4QDRNBATKKHD6TQNA2LLA5CNFSM4I5JXZUKYY3PNVWWK3TUL52HS4DFVREXG43VMVBW63LNMVXHJKTDN5WW2ZLOORPWSZGOEANL32A#issuecomment-538623464>, or mute the thread https://github.com/notifications/unsubscribe-auth/AIKBMAF3YPSOSW4HXG2PE2TQNA2LLANCNFSM4I5JXZUA .

Here is the image mentioned - Image of folder

Screen Shot 2019-10-05 at 7 41 05 AM
KMWAZ commented 4 years ago

done.

On Tue, Oct 8, 2019 at 7:13 PM Wilfred Wee notifications@github.com wrote:

I can't see the screenshots you attached in your email. You'll need to have an image link which can be viewed in Github.

— You are receiving this because you authored the thread. Reply to this email directly, view it on GitHub https://github.com/wilfredwee/photon-australis/issues/78?email_source=notifications&email_token=AIKBMAEEQOMCLZ2YXZ6K5FLQNU457A5CNFSM4I5JXZUKYY3PNVWWK3TUL52HS4DFVREXG43VMVBW63LNMVXHJKTDN5WW2ZLOORPWSZGOEAWIX6A#issuecomment-539790328, or mute the thread https://github.com/notifications/unsubscribe-auth/AIKBMAHBWXVV77FU3J7ZUE3QNU457ANCNFSM4I5JXZUA .

KMWAZ commented 4 years ago

I did change this so you can see the screenshot. Any help?

On Thu, Oct 3, 2019 at 8:07 PM Wilfred Wee notifications@github.com wrote:

Make sure you've done these steps:

Go to your Firefox browser, type about:config in your url bar.

Search for toolkit.legacyUserProfileCustomizations.stylesheets and set it to true

— You are receiving this because you authored the thread. Reply to this email directly, view it on GitHub https://github.com/wilfredwee/photon-australis/issues/78?email_source=notifications&email_token=AIKBMAH7SMCOP4R7REXFBG3QM2XNRA5CNFSM4I5JXZUKYY3PNVWWK3TUL52HS4DFVREXG43VMVBW63LNMVXHJKTDN5WW2ZLOORPWSZGOEAKG25Q#issuecomment-538209654, or mute the thread https://github.com/notifications/unsubscribe-auth/AIKBMAHGOUTDSIEXXKN6MQTQM2XNRANCNFSM4I5JXZUA .

wilfredwee commented 4 years ago

Sorry I thought you solved it because you closed the issue.

From the screenshot it looks like your profile folder is not right. Make sure you follow the instructions properly by opening the Root directory from about:profiles

Perhaps try to put the chrome in the 3597uzxe.default folder

KMWAZ commented 4 years ago

Yes, that did it. I actually had tried that a while ago but I must not have had the correct .css.

Too bad we can't get all the tabs rounded not just the one you're on.

I appreciate your help. I think when I typed "done" it appeared I closed the discussion.

On Mon, Oct 14, 2019 at 3:14 PM Wilfred Wee notifications@github.com wrote:

Sorry I thought you solved it because you closed the issue.

From the screenshot it looks like your profile folder is not right. Make sure you follow the instructions properly by opening the Root directory from about:profiles

— You are receiving this because you modified the open/close state. Reply to this email directly, view it on GitHub https://github.com/wilfredwee/photon-australis/issues/78?email_source=notifications&email_token=AIKBMAAVDJTKCLZWI3PE5VLQOTVNPA5CNFSM4I5JXZUKYY3PNVWWK3TUL52HS4DFVREXG43VMVBW63LNMVXHJKTDN5WW2ZLOORPWSZGOEBGY6QA#issuecomment-541953856, or unsubscribe https://github.com/notifications/unsubscribe-auth/AIKBMAHQ3UW5ZXDUKTL35TLQOTVNPANCNFSM4I5JXZUA .

wilfredwee commented 4 years ago

Happy to see that it worked. Enjoy :)