Author Topic: Where can I find Webpanel themes?  (Read 31427 times)

0 Members and 1 Guest are viewing this topic.

Offline
*
Where can I find Webpanel themes?
« on: November 13, 2015, 04:35:20 PM »
Hi! Are there already any alternative themes for CWP or would I have to individualize it myself? :)

Offline
**
Re: Where can I find Webpanel themes?
« Reply #1 on: November 13, 2015, 05:16:26 PM »
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.

Offline
**
Re: Where can I find Webpanel themes?
« Reply #2 on: November 13, 2015, 11:39:44 PM »
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.

Offline
*
Re: Where can I find Webpanel themes?
« Reply #3 on: November 15, 2015, 03:22:09 AM »
So sad  :( :(

Offline
**
Re: Where can I find Webpanel themes?
« Reply #4 on: January 30, 2016, 12:33:43 AM »
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:
« Last Edit: January 30, 2016, 12:36:25 AM by pedromidiasf »

Offline
*
Re: Where can I find Webpanel themes?
« Reply #5 on: October 19, 2016, 03:20:42 PM »
I'm interested to buy your theme...

Offline
*
Re: Where can I find Webpanel themes?
« Reply #6 on: March 05, 2018, 05:16:17 AM »
I'm Interested in your themes also.
How can I get them?

Rick

Offline
*
Re: Where can I find Webpanel themes?
« Reply #7 on: March 17, 2018, 10:05:02 PM »
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

Offline
*
Re: Where can I find Webpanel themes?
« Reply #8 on: April 09, 2018, 11:09:40 AM »
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.

Offline
*
Re: Where can I find Webpanel themes?
« Reply #9 on: May 05, 2018, 02:58:49 AM »
So... only 1 free them?  :o

Offline
****
Re: Dark Theme
« Reply #10 on: May 15, 2020, 04:30:09 PM »
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!"

Offline
*
Re: Dark Theme
« Reply #11 on: September 10, 2020, 02:00:10 AM »
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!!!