richardtallent / vue-simple-calendar

Simple Vue component to show a month-grid calendar with events
MIT License
882 stars 162 forks source link

Prettier optional theme #20

Open richardtallent opened 6 years ago

richardtallent commented 6 years ago

Theming ideas:

houseoftech commented 6 years ago

I had already started on an alternate theme styled after macOS's Calendar app. See my demo-alternate-styling branch.

screen shot 2017-11-12 at 10 41 25 pm

I started on this in order to figure out if any of the component markup needed to be reorganized to better support theming. I only came across one necessary change so far, the currentMonth button. There are some other things that could be added to support the theme a bit better, but they would require some involved changes, like supporting times.

Note: I'm switching the styles to SASS so you'll need to install a couple dependencies:

npm install node-sass --dev
npm install sass-loader --dev
richardtallent commented 6 years ago

I like it so far! If we can create themes that roughly mimic Google Calendar's new design, Outlook online, and Apple Calendar, I'd say we've achieved a pretty decently theme-able component.