Control Web Panel

WebPanel => CentOS-WebPanel GUI => Topic started by: ManuKaracho on November 13, 2015, 04:35:20 PM

Title: Where can I find Webpanel themes?
Post by: ManuKaracho 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? :)
Title: Re: Where can I find Webpanel themes?
Post by: Farukh Khan 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.
Title: Re: Where can I find Webpanel themes?
Post by: Gogo 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.
Title: Re: Where can I find Webpanel themes?
Post by: khicononline9xtq on November 15, 2015, 03:22:09 AM
So sad  :( :(
Title: Re: Where can I find Webpanel themes?
Post by: pedromidiasf 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
(http://i.imgur.com/WLn1hnN.png)

(http://i.imgur.com/kpowMvY.jpg)

Module:
(http://i.imgur.com/Yx1h3Yr.png)
Title: Re: Where can I find Webpanel themes?
Post by: cazzone on October 19, 2016, 03:20:42 PM
I'm interested to buy your theme...
Title: Re: Where can I find Webpanel themes?
Post by: khunit on March 05, 2018, 05:16:17 AM
I'm Interested in your themes also.
How can I get them?

Rick
Title: Re: Where can I find Webpanel themes?
Post by: JoeDer 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
Title: Re: Where can I find Webpanel themes?
Post by: cubehost 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.
Title: Re: Where can I find Webpanel themes?
Post by: VPDD on May 05, 2018, 02:58:49 AM
So... only 1 free them?  :o
Title: Re: Dark Theme
Post by: overseer 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!"
Title: Re: Dark Theme
Post by: pcready.cl 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!!!