Modifying Theme rule?


#1

I read you don’t have to directly modify css rules for a theme; therefore, how can I find a rule for a theme to change via Application: Open your style sheet, which by default is nearly empty ?


#2

You can look at the theme, or investigate the DOM yourself with the Chrome dev tools (ctrl-shift-i) to find the element you want to target.


#3

Unfortunately the rules within the styles.less don’t contain what I’m looking for as described here.


#4

So you would write a new rule.


#5

I did write a new rule within styles.less, I didn’t see any changes ?


#6

What did you write?


#7
.syntax-comment {
  color:red;
  font-size: 1.08em;
}

#8

Try .syntax--comment.


#9

Arghh, thanks :slight_smile:
Edit: The rules doesn’t apply any HTML/CSS files with comments ?


#10

It should apply to them, too.