@angeluxee/cerberus-calendar/dist/style.css

A highly configurable React calendar component with day, week, and month views

.cerberus-calendar-container{--background: 0 0% 100%;--foreground: 222.2 84% 4.9%;--card: 0 0% 100%;--card-foreground: 222.2 84% 4.9%;--popover: 0 0% 100%;--popover-foreground: 222.2 84% 4.9%;--primary: 222.2 47.4% 11.2%;--primary-foreground: 210 40% 98%;--secondary: 210 40% 96.1%;--secondary-foreground: 222.2 47.4% 11.2%;--muted: 210 40% 96.1%;--muted-foreground: 215.4 16.3% 46.9%;--accent: 210 40% 96.1%;--accent-foreground: 222.2 47.4% 11.2%;--destructive: 0 84.2% 60.2%;--destructive-foreground: 210 40% 98%;--border: 214.3 31.8% 91.4%;--input: 214.3 31.8% 91.4%;--ring: 222.2 84% 4.9%;--radius: .5rem;--sidebar-background: 0 0% 98%;--sidebar-foreground: 240 5.3% 26.1%;--sidebar-primary: 240 5.9% 10%;--sidebar-primary-foreground: 0 0% 98%;--sidebar-accent: 240 4.8% 95.9%;--sidebar-accent-foreground: 240 5.9% 10%;--sidebar-border: 220 13% 91%;--sidebar-ring: 217.2 91.2% 59.8%;border-color:hsl(var(--border));background-color:hsl(var(--background));color:hsl(var(--foreground))}.cerberus-calendar-container.dark{--background: 222.2 84% 4.9%;--foreground: 210 40% 98%;--card: 222.2 84% 4.9%;--card-foreground: 210 40% 98%;--popover: 222.2 84% 4.9%;--popover-foreground: 210 40% 98%;--primary: 210 40% 98%;--primary-foreground: 222.2 47.4% 11.2%;--secondary: 217.2 32.6% 17.5%;--secondary-foreground: 210 40% 98%;--muted: 217.2 32.6% 17.5%;--muted-foreground: 215 20.2% 65.1%;--accent: 217.2 32.6% 17.5%;--accent-foreground: 210 40% 98%;--destructive: 0 62.8% 30.6%;--destructive-foreground: 210 40% 98%;--border: 217.2 32.6% 17.5%;--input: 217.2 32.6% 17.5%;--ring: 212.7 26.8% 83.9%;--sidebar-background: 240 5.9% 10%;--sidebar-foreground: 240 4.8% 95.9%;--sidebar-primary: 224.3 76.3% 48%;--sidebar-primary-foreground: 0 0% 100%;--sidebar-accent: 240 3.7% 15.9%;--sidebar-accent-foreground: 240 4.8% 95.9%;--sidebar-border: 240 3.7% 15.9%;--sidebar-ring: 217.2 91.2% 59.8%}.cerberus-calendar-container *{border-color:hsl(var(--border))}.cerberus-calendar-container .cerberus-hover-bg-primary:hover{background-color:var(--primary-color, #FDB813)}.cerberus-calendar-container .cerberus-hover-text-event:hover{color:var(--event-text-color, #1A1A1A)}.cerberus-calendar-container .cerberus-hide-scrollbar{scrollbar-width:none;-ms-overflow-style:none}.cerberus-calendar-container .cerberus-hide-scrollbar::-webkit-scrollbar{display:none}.cerberus-calendar-container .cerberus-calendar-scrollbar{scrollbar-width:thin;scrollbar-gutter:auto}.cerberus-calendar-container .cerberus-calendar-scrollbar.theme-default{scrollbar-color:#cbd5e1 #f8fafc}.cerberus-calendar-container .cerberus-calendar-scrollbar.theme-default::-webkit-scrollbar{width:8px;height:8px}.cerberus-calendar-container .cerberus-calendar-scrollbar.theme-default::-webkit-scrollbar-track{background:#f8fafc;border-radius:4px}.cerberus-calendar-container .cerberus-calendar-scrollbar.theme-default::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px;border:1px solid #e2e8f0}.cerberus-calendar-container .cerberus-calendar-scrollbar.theme-default::-webkit-scrollbar-thumb:hover{background:#94a3b8}.cerberus-calendar-container .cerberus-calendar-scrollbar.theme-cerberus{scrollbar-color:#FDB813 #2D2D2D}.cerberus-calendar-container .cerberus-calendar-scrollbar.theme-cerberus::-webkit-scrollbar{width:8px;height:8px}.cerberus-calendar-container .cerberus-calendar-scrollbar.theme-cerberus::-webkit-scrollbar-track{background:#2d2d2d;border-radius:4px}.cerberus-calendar-container .cerberus-calendar-scrollbar.theme-cerberus::-webkit-scrollbar-thumb{background:#fdb813;border-radius:4px;border:1px solid #404040}.cerberus-calendar-container .cerberus-calendar-scrollbar.theme-cerberus::-webkit-scrollbar-thumb:hover{background:#e6a500}.cerberus-calendar-container .cerberus-calendar-scrollbar.theme-cerberus::-webkit-scrollbar-corner{background:#2d2d2d}.cerberus-calendar-container .cerberus-view-selector-item{transition:all .2s ease-in-out;cursor:pointer;border:none!important;outline:none!important;box-shadow:none!important}.cerberus-calendar-container .cerberus-view-selector-item.theme-default:hover,.cerberus-calendar-container .cerberus-view-selector-item.theme-default[data-highlighted],.cerberus-calendar-container .cerberus-view-selector-item.theme-default:focus{background-color:#3b82f614!important;color:#1e40af!important;border:none!important;outline:none!important;box-shadow:none!important}.cerberus-calendar-container .cerberus-view-selector-item.theme-cerberus:hover,.cerberus-calendar-container .cerberus-view-selector-item.theme-cerberus[data-highlighted],.cerberus-calendar-container .cerberus-view-selector-item.theme-cerberus:focus{background-color:#fdb81314!important;color:#d97706!important;border:none!important;outline:none!important;box-shadow:none!important}.cerberus-calendar-container .cerberus-calendar-button{cursor:pointer!important;transition:all .2s ease-in-out;border:1px solid transparent!important}.cerberus-calendar-container .cerberus-calendar-button:hover{background-color:#0000000d!important;border:1px solid transparent!important;outline:none!important;box-shadow:none!important}.cerberus-calendar-container .cerberus-calendar-button.theme-cerberus:hover{background-color:#fdb8131a!important}.cerberus-calendar-container .cerberus-calendar-button.theme-default:hover{background-color:#3b82f614!important}