meteor - Multiple CSS style for the same template -


i have make user interface can run in dark or sunny places. so, want make "high contrast" theme , "normal theme".

i understood meteor merges , minify css files in 1 big stylesheet. so... wonder how switch between 2 theme, can't use tricks this site explains.

i have thought of solution : having super-class on body, contains colors definitions, switch little javascript. seems little rude.

any thought of better solution ?

if use less (an official meteor package), can define 2 different classes set on body (or main div), , give them different styles:

.dark {   p { color: #fff; }   /* dark styles... */ }  .light {   p { color: #000; }   /* light styles... */ } 

then indeed, programmatically switch class on <body> or <div> tag, example using template.registerhelper , session class @adnan-y suggested.

it cleaner (plus use tons of cool less features lighten , darken), , compiled css on server run.


Comments

Popular posts from this blog

php - failed to open stream: HTTP request failed! HTTP/1.0 400 Bad Request -

java - How to filter a backspace keyboard input -

java - Show Soft Keyboard when EditText Appears -