Page 1 of 1

CSS to change dijit checkbox color?

Posted: 29 Dec 2015, 20:39
by rknobbe-other
I'm grey/green colorblind. The colors for the checked and unchecked states for the preferences screens are very similar to me. Is there a way to tweak the CSS to alter the checked or unchecked states? I'm no CSS guru, so be gentle.

Re: CSS to change dijit checkbox color?

Posted: 29 Dec 2015, 21:01
by fox
you can recolor the checkboxes using customize css like this (change the angle value according to your taste):

Code: Select all

.claro .dijitCheckBox.dijitCheckBoxChecked {
   -webkit-filter: hue-rotate(120deg) ! important;
   filter: hue-rotate(120deg) ! important;
}

Re: CSS to change dijit checkbox color?

Posted: 29 Dec 2015, 21:03
by rknobbe-other
Perfect! The blue/grey contrast is much better. Thanks Fox.

Re: CSS to change dijit checkbox color?

Posted: 14 Jan 2016, 17:49
by aratistern
fox wrote:you can recolor the checkboxes using customize css like this (change the angle value according to your taste):

Code: Select all

.claro .dijitCheckBox.dijitCheckBoxChecked {
   -webkit-filter: hue-rotate(120deg) ! important;
   filter: hue-rotate(120deg) ! important;
}

Is there a list with dijit elements that can be altered via css?
For example, I would like to change the font (size) of the headlines in list view.

Re: CSS to change dijit checkbox color?

Posted: 14 Jan 2016, 18:24
by fox
your browser has a DOM inspector, use it

other than that, idk

Re: CSS to change dijit checkbox color?

Posted: 14 Jan 2016, 18:33
by cktt
Actions / Preferences / Customize CSS stylesheet to your liking
This override to your /css/tt-rss.css file
Maybe you are looking for "#headlines-frame" or "div.postReply div.postHeader"...