CSS Reset for Theming
Posted: 25 February 2011 04:42 PM   [ Ignore ]
Newbie
Rank
Total Posts:  2
Joined  2011-02-25

I am trying to design a new theme for Espresso when I came across a rather annoying issue:  Placeholders.  They have good intentions, but because they don’t seem to do much when you try to override them, you end up trying to design a theme from scratch that already has color highlighting.

So I went into all of the different Sugars and grabbed all the elements that they were coloring.  The result below is a composite of all the default PlaceHolderThemes values all being reset to normal black text on a normal white background.


/* @group RESET */

@basecsscss.selectorcss.selector entity punctuationcss property-namecss property-valuecss.at-rule stringcss.at-rule string punctuationmedia.css block punctuationproperty-list.css property-value punctuationkeyword.important.cssphp,php variablestring.double variablephp keyword.constant.otherphp variable groupphp.definitionphp namephp modifierphp keyword.constant.class, php keyword.control.include, php keyword.definitionphp identifier.function namephp literal.keywordphp integerphp phpDoc.keyword
{
    color
#000;
    
font-weightnormal;
    
font-stylenormal;
    
text-decorationnone;
}

/* @end */ 

If you have the jquery and exjs sugars:

jQuery.function > namejQuery.object.operatorjQuery.selector operatorjQuery.function > namejQuery.object.operatorjQuery.selector operatorextjs.class, extjs.class.groupextjs.class.function 


and if you have the CSS3 sugar:

css.id.selectorcss.class.selectorcss.pseudo.class.selector 

I’m not sure if anyone will find this useful or not, but when I create a theme, I like to start from the bottom and add my own customizations individually.

Thanks!

PS:  I’m still working out the kinks on this, so if you have any tips, please post them!

Profile
 
 
   
 
 
‹‹ Text Color in themes      Espresso + Hotkey ››