Canvas Support

theme color change...

5 replies · opened Jun 23, 2016

WwebdsgnJun 23, 2016

Is there any simple way I can change every single of color properties of the theme color from(minty green)-#1ABC9C to another?
Or should I change it one by one by looking over all the css files?

please advise me.

Thank you.

GGeorgevanKJun 24, 2016

Hi,

What I do in that case is use "Find & Replace" for the entire solution.

So find #1ABC9C and replace it with whatever color you need. In VS you have a choice to run this in the Current document, All open documents, Current document and Entire solution. The choose "Replace all"

Hope this helps.

Regards,

George

WwebdsgnJun 24, 2016

Thanks for that reply. but of course I know that. : )

I asked it because I read someone's post the person used <link rel="stylesheet" href="../global-css/colors.php?color=#xxxxxx;" type="text/css" /> in their header. So I was also curious if there is a magic way to change all the colors at once with that php file and I found 2 php files(below) in the CSS folder regarding theme color changes.
I tried changing the colors in the two php files but it didn't work.
How do I use these files? If we don't use them, can I delete these files? I would like to clean, if it is not used.

colors.php
colors-rtl.php

please advise me.

Thank you.

TTomJun 24, 2016

I would be interested in this to.

TTomJun 24, 2016

I did find this here that may help? http://support.semicolonweb.com/canvas-html-documentation/

Click on START and COLOUR SCHEMES and this gave me the following info:

You can change your Website’s Color Scheme in an instant. You simply need to change the HEX Color Code in the css/colors.css file & you are good to go. Follow these quick steps to get going:

Make sure you add the css/colors.css stylesheet in your head after the responsive stylesheets.

<head>

...

<link rel="stylesheet" href="css/responsive.css" type="text/css" />
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1" />
<!--[if lt IE 9]>
<script src="http://css3-mediaqueries-js.googlecode.com/svn/trunk/css3-mediaqueries.js"></script>
<![endif]-->

<span class="color"><!-- Here goes your colors.css
============================================= --></span>
<link rel="stylesheet" href="css/colors.css" type="text/css" />

...

</head>
Now simply change the HEX Codes according to your requirements.

Hope this helps.

SSemicolon WebSTAFFJul 1, 2016

Hello,

Thank You so much for the Very Helpful Explanation @Tom!

Yes indeed, you can change your Theme Colors by simply using the css/colors.css or the css/colors.php File. However, do make sure that you are using an Online Server or a Localhost (XAMPP/MAMP) while using the css/colors.php File.

Complete Setup Instructions for this has been added in the Documentation > Start > Color Schemes Section.

This will definitely work fine. Let us know if we can help you with anything else or if you find any further issues.

Have the same question, or something new?

Sign in to the Canvas dashboard to reply or open your own topic. Canvas owners get direct help from the SemiColonWeb team.

Reply on the dashboard