Need a visual cue for Plugins status
Need a visual cue for Plugins status:
. . . "Ask to activate" - these are in light grey - that's good
. . . "Always activate" - should be in light green
. . . "Never activate" - should be in light red - it currently goes to a slightly darker shade of grey
Be able to sort them based on status
The above would make it easier to verify that they're how you want
Réiteach roghnaithe
There is only an active="true/false" tribute to work with, so you can't distinguish between always activate and ask to activate.
.addon-view[type="plugin"][active="false"]{box-shadow: inset 0pt 0pt 100px rgba(255,144,144,1.0)}Read this answer in context 👍 1
All Replies (6)
You can try code like this in the userContent.css file.
/* about:addons */ @-moz-document url(about:addons){ .addon-control[label="Always Activate"]{box-shadow: inset 0pt 0pt 30px rgba(208,208,208,0.8)} .addon-control[label="Ask to Activate"]{box-shadow: inset 0pt 0pt 30px rgba(153,255,51,0.8)} .addon-control[label="Never Activate"]{box-shadow: inset 0pt 0pt 30px rgba(255,153,153,0.8)} }
The customization files userChrome.css (user interface) and userContent.css (websites) are located in the chrome folder in the Firefox profile folder.
I'm using FF 36.0.4
In read that in Win 8.1, the Default Profile is in this folder:
C:\Users\S-L-U-D-G-E\AppData\Roaming\Mozilla\Firefox\Profiles\3kalygq4.default-1391633366966
I create a Shortcut to this folder on my Desktop, for easy access.
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
This is the format of the code:
/* about:addons */ @-moz-document url(about:addons){ .addon-control[label="Always Activate"]{box-shadow: inset 0pt 0pt 30px rgba(208,208,208,0.8)} .addon-control[label="Ask to Activate"]{box-shadow: inset 0pt 0pt 30px rgba(153,255,51,0.8)} .addon-control[label="Never Activate"]{box-shadow: inset 0pt 0pt 30px rgba(255,153,153,0.8)} }
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
Here is info on:
RGBA Colors . . . http://www.w3schools.com/cssref/css_colors_legal.asp
HTML Color Picker . . . http://www.w3schools.com/tags/ref_colorpicker.asp
I select:
Always - green . . . rgb(0,255,204) Ask - yellow . . . rgb(255,255,153) Never - red . . . rgb(255,51,0)
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
I update the above code to this, and make it 50% opacity:
/* about:addons */ @-moz-document url(about:addons){ .addon-control[label="Always Activate"]{box-shadow: inset 0pt 0pt 30px rgba(0,255,204,0.5)} .addon-control[label="Ask to Activate"]{box-shadow: inset 0pt 0pt 30px rgba(255,255,153,0.5)} .addon-control[label="Never Activate"]{box-shadow: inset 0pt 0pt 30px rgba(255,51,0,0.5)} }
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
I put the code in this file: userContent.css
I put "userContent.css" in the above, Default Profile folder
I close, and re-open FF
I go to: about:addons
. . . and there is no change, they're all still grey
Do I have it in the wrong Profile folder?
Not directly in the Profile folder.
You need to create a chrome folder in the Profile folder and then put your userContent.css file in that new chrome folder.
And make sure that whatever you used to create that file didn't add a .txt suffix - as like userContent.css.txt - which sometimes seems to happen with Win7 and later.
Ok, yes, I see that it works in this folder:
C: \ Users \ S-L-U-D-G-E \ AppData \ Roaming \ Mozilla \ Firefox \ Profiles \ 3kalygq4.default-1391633366966 \ chrome \ userContent.css
I have changed two of the colors, and made the opacity 1.0
Always - green . . . rgb(0,255,204) . . . this color is good Ask - grey . . . rgb(213,213,213) . . . change it to grey - assume that something is off, unless you have set it otherwise Never - light red . . . rgb(255,128,128) . . . a lighter red makes it easier to see the black text
/* about:addons */ @-moz-document url(about:addons){ .addon-control[label="Always Activate"]{box-shadow: inset 0pt 0pt 30px rgba(0,255,204,1.0)} .addon-control[label="Ask to Activate"]{box-shadow: inset 0pt 0pt 30px rgba(213,213,213,1.0)} .addon-control[label="Never Activate"]{box-shadow: inset 0pt 0pt 30px rgba(255,128,128,1.0)} }
Having the buttons with color is good, but what I was looking for was to make the whole row these colors.
On a 23" monitor, you still have to make an unnecessary effort to look, to verify the status of each Plugin, if just the tiny buttons are color coded.
If the tiny buttons were to the left of the text, then it would be ok - or if the tiny buttons replaced the blue Plugins icons . . . If I'm looking in the Plugins folder, why does there have to be a Plugins icon to the left of each Plugin? Could something other than a Plugin be in that folder?
Any idea how I can apply these colors to the whole rows? I see that if set to "Never Activate," it makes the whole row a darker shade of grey, so it seems possible.
Athraithe ag sludge7051-x ar
Réiteach Roghnaithe
There is only an active="true/false" tribute to work with, so you can't distinguish between always activate and ask to activate.
.addon-view[type="plugin"][active="false"]{box-shadow: inset 0pt 0pt 100px rgba(255,144,144,1.0)}
Ok . . . this isn't bad . . .
Only the "Always Active" button gets a color - green . . . all the other buttons are grey
Only the "Never Activate" row gets a color - light red . . . all the other rows are grey
They sort in alphabetical order, so your: ... "Always Activate" are at the top - green ... "Never Activate" are at the bottom - red ... "Ask to Activate" are in between - grey
/* about:addons */ @-moz-document url(about:addons) { .addon-control[label="Always Activate"]{box-shadow: inset 0pt 0pt 30px rgba(0,255,204,1.0)} .addon-control[label="Ask to Activate"]{box-shadow: inset 0pt 0pt 30px rgba(213,213,213,1.0)} .addon-control[label="Never Activate"]{box-shadow: inset 0pt 0pt 30px rgba(213,213,213,1.0)} .addon-view[type="plugin"][active="false"]{box-shadow: inset 0pt 0pt 100px rgba(255,128,128,1.0)} }
Athraithe ag sludge7051-x ar