Where can I find Webpanel themes?

Hi! Are there already any alternative themes for CWP or would I have to individualize it myself?

I think you have to do it yourself cause as far as I know some people did make their own theme of CWP but haven't shared the theme anywhere I think.

You cannot change theme in cwp. Also you cannot edit .css files because those files are locked by default. You can only wait for developers to allow theme editing or creating new one.

So sad 

I have these templates for sell (with an CWP module to execute each time you need it)
For each CWP update made you'll have the need to change the template since the CSS files are replaced by the updated ones.
Also you'll have to press CTRL+F5 after applying the new theme (to avoid browser cache)

$3 (for both) if someone is interested PM me




Module:

I'm interested to buy your theme...

I'm Interested in your themes also.
How can I get them?

Rick

I have found a dark theme available on GitHub but I don't know how to add it, does anyone knows the path of .css?

https://github.com/rayleesg/dark_cwp

I have found a dark theme available on GitHub but I don't know how to add it, does anyone knows the path of .css?

https://github.com/rayleesg/dark_cwp

If you look in that script, it tells you the location you are asking....

Code: [Select]

/usr/local/cwpsrv/htdocs/admin/design/css

Looking at the script, you just run that, and it should take care of the lifting for you. Not 100% sure though, I haven't tried it myself.

So... only 1 free them? 

I wrote to the developer of the CWP Dark Theme variant on GitHub with some suggestions, but I'll post this here, too. As others point out, the admin theme customizations are overwritten with each update, so you have to call this script via cron after the update or manually run this script to re-apply the dark theme. I took the opportunity to clean up his code a bit, but this is what I am using.

Create the file:

Code: [Select]

/scripts/dark_cwpSet it as executable:

Code: [Select]

chmod +x /scripts/dark_cwp
Here is the updated script:

Code: [Select]

#!/bin/bash

#=====================================#
# StingRay's Total Dark Theme for CWP #
#=====================================#

# Need to be a sudoer/root
sudo -p "Please authenticate to enable CWP Dark Theme (admin password): " printf "" || {
        echo "Abort: could not authenticate" >&2
        exit 1
}
echo "Applying Dark Theme to CWP..."

sudo chattr -i /usr/local/cwpsrv/htdocs/admin/design/css/custom.css
sudo chmod 644 /usr/local/cwpsrv/htdocs/admin/design/css/custom.css
sudo tee -a /usr/local/cwpsrv/htdocs/admin/design/css/custom.css <<'END' > /dev/null

/* DARK THEME */

html,.deleted
{
background:#000;
-webkit-filter:invert(1) hue-rotate(180deg)!important;
-moz-filter:invert(1) hue-rotate(180deg)!important;
filter:invert(1) hue-rotate(180deg)!important;
filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=0,xray=0,mirror=0,invert=1,opacity=1,rotation=2)!important;
-webkit-transition:100ms ease all;
transition:100ms ease all;
-o-transition-duration:100ms ease all
}

img,embed[flashvars],[type*=\"application/x-shockwave-flash\"],[type*=\"application/x-silverlight\"]
{
-webkit-filter:invert(1) hue-rotate(180deg)!important;
-moz-filter:invert(1) hue-rotate(180deg)!important;
filter:invert(1) hue-rotate(180deg)!important;
filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=0,xray=0,mirror=0,invert=1,opacity=1,rotation=2)!important;
}

tr > td > a > img,th > a > img
{
filter:url(\"data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'invert\'><feColorMatrix type=\'matrix\' values=\'-1 0 0 0 1 0 -1 0 0 1 0 0 -1 0 1 0 0 0 1 0\$filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=0,xray=0,mirror=0,invert=0,opacity=1,rotation=2)!important
}

END

sudo chattr +i /usr/local/cwpsrv/htdocs/admin/design/css/custom.css
echo "Dark Theme applied successfully!"


I wrote to the developer of the CWP Dark Theme variant on GitHub with some suggestions, but I'll post this here, too. As others point out, the admin theme customizations are overwritten with each update, so you have to call this script via cron after the update or manually run this script to re-apply the dark theme. I took the opportunity to clean up his code a bit, but this is what I am using.

Create the file:

Code: [Select]

/scripts/dark_cwpSet it as executable:

Code: [Select]

chmod +x /scripts/dark_cwp
Here is the updated script:

Code: [Select]

#!/bin/bash

#=====================================#
# StingRay's Total Dark Theme for CWP #
#=====================================#

# Need to be a sudoer/root
sudo -p "Please authenticate to enable CWP Dark Theme (admin password): " printf "" || {
        echo "Abort: could not authenticate" >&2
        exit 1
}
echo "Applying Dark Theme to CWP..."

sudo chattr -i /usr/local/cwpsrv/htdocs/admin/design/css/custom.css
sudo chmod 644 /usr/local/cwpsrv/htdocs/admin/design/css/custom.css
sudo tee -a /usr/local/cwpsrv/htdocs/admin/design/css/custom.css <<'END' > /dev/null

/* DARK THEME */

html,.deleted
{
background:#000;
-webkit-filter:invert(1) hue-rotate(180deg)!important;
-moz-filter:invert(1) hue-rotate(180deg)!important;
filter:invert(1) hue-rotate(180deg)!important;
filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=0,xray=0,mirror=0,invert=1,opacity=1,rotation=2)!important;
-webkit-transition:100ms ease all;
transition:100ms ease all;
-o-transition-duration:100ms ease all
}

img,embed[flashvars],[type*=\"application/x-shockwave-flash\"],[type*=\"application/x-silverlight\"]
{
-webkit-filter:invert(1) hue-rotate(180deg)!important;
-moz-filter:invert(1) hue-rotate(180deg)!important;
filter:invert(1) hue-rotate(180deg)!important;
filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=0,xray=0,mirror=0,invert=1,opacity=1,rotation=2)!important;
}

tr > td > a > img,th > a > img
{
filter:url(\"data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'invert\'><feColorMatrix type=\'matrix\' values=\'-1 0 0 0 1 0 -1 0 0 1 0 0 -1 0 1 0 0 0 1 0\$filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=0,xray=0,mirror=0,invert=0,opacity=1,rotation=2)!important
}

END

sudo chattr +i /usr/local/cwpsrv/htdocs/admin/design/css/custom.css
echo "Dark Theme applied successfully!"


Thanks!!!