…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)…
…#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:…
…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…
…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…
…gray color palette with the closest matches (by comparing luminosity) from your defined color palette. Dark mode: This mode inverts ICS Calendar’s default color palette or your theme’s color palette,…
…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…
…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,…
…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….
…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 Background Color 1 widget-availability year-availability #RRGGBB Hex color code…
Booked Day Background Color 1 widget-availability year-availability #RRGGBB Hex color code…
…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…
