Search Results

Searched for: color palettes

ICS Calendar CSS Variables

…r34ics–element–print–border Border color for all elements when printing 1px solid var(–r34ics–color–gainsboro) r34ics–element–print–color Text color for all elements when printing var(–r34ics–color–black) r34ics–element–select–color Text color for the month selector dropdown menu var(–r34ics–color–black)…

On the futility of naming colors

…#f0f3f6; –r34ics–color–gainsboro: #d9dcdf; –r34ics–color–darkgray: #a3a8ac; –r34ics–color–gray: #70787f; –r34ics–color–dimgray: #60686f; –r34ics–color–black: #10181f; –r34ics–color–dodgerblue: dodgerblue; –r34ics–color–gold: gold; –r34ics–color–lemonchiffon: lemonchiffon; –r34ics–color–limegreen: limegreen; –r34ics–color–orangered: orangered; –r34ics–color–trans10: rgba(105,105,105,0.1); –r34ics–color–trans20: rgba(105,105,105,0.2); –r34ics–color–trans30: rgba(105,105,105,0.3); –r34ics–color–trans40: rgba(105,105,105,0.4); –r34ics–color–trans50:…

Shortcode Parameters Reference

…For example, if you have three feeds and you want to color them purple, green and orange, you could use color=”#800080 #008000 #ffa500″. The base color will be used as…

color

…tool like the HTML Color Picker to select hex values, if necessary. (Note: the color parameter supports either space- or pipe-delimited lists.) 4267 Color color=”#800080 #008000 #ffa500″ #RRGGBB One or…

Home

…that are contained in your feed Design modifications using CSS Use our CSS classes to customize your look Color palettes and fonts New in 6.0! Fully customize calendar colors and…

FAQs and Tips

…you change the colors of your calendar to either one of our preset color palettes or to any colors you choose, along with tools to change your font, text size,…

New features in ICS Calendar 9.1.0

…the event to their personal calendars. Note: This is still a “beta” feature. Your feedback is welcomed! Color options Another common request I receive involves changing the default color handling….

CSS Tips and Tricks

…classes to easily color-code your calendar to show day-level availability, as such: .ics-calendar-month-grid td.empty { background-color: rgba(0,255,0,0.2); /* Light green for available days */ } .ics-calendar-month-grid td.has_events { background-color: rgba(255,0,0,0.2);…

empty_day_bg_color

Empty Day Background Color 1 widget-availability year-availability #RRGGBB Hex color code…

booked_day_bg_color

Booked Day Background Color 1 widget-availability year-availability #RRGGBB Hex color code…

ICS Calendar CSS Classes

…Outer wrapper for basic view. .ics-calendar-color-key div Outer wrapper for the “legend” that describes the color coding of multiple feeds in one calendar display. .ics-calendar-color-key-header div Container for the show/hide…