DHBW-WE/MeetUp
5
0
Fork 0
Code Issues 7 Pull requests 5 Projects 1 Releases 5 Packages 1 Wiki Activity Actions

style: update calendar styling to to make it pretty in both light- and dark-mode

Browse source
This commit is contained in:
micha 2025-06-27 09:33:05 +02:00
parent 1a9a299c9c
commit 72c3f6c17f
2 changed files with 9 additions and 9 deletions
Download patch file Download diff file Expand all files Collapse all files

2
src/components/custom-toolbar.css
View file

@ -5,7 +5,7 @@
gap: 12px; gap: 12px;
padding: calc(var(--spacing) * 2); padding: calc(var(--spacing) * 2);
padding-left: calc(50px + var(--spacing)); padding-left: calc(50px + var(--spacing));
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1); box-shadow: none;
font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
} }

16
src/components/react-big-calendar.css
View file

@ -83,7 +83,7 @@ button.rbc-input::-moz-focus-inner {
} }
.rbc-off-range-bg { .rbc-off-range-bg {
background: #e6e6e6; background: var(--color-neutral-700);
} }
.rbc-header { .rbc-header {
@ -596,7 +596,7 @@ button.rbc-input::-moz-focus-inner {
min-height: 100%; min-height: 100%;
/*Own changes 06*/ /*Own changes 06*/
background-color: #383838; background-color: var(--color-neutral-700);
/*Own changes 06*/ /*Own changes 06*/
} }
.rbc-time-column .rbc-timeslot-group { .rbc-time-column .rbc-timeslot-group {
@ -606,7 +606,7 @@ button.rbc-input::-moz-focus-inner {
} }
.rbc-timeslot-group { .rbc-timeslot-group {
border-bottom: 1px solid #8d8d8d; /*#ddd*/ border-bottom: 1px solid var(--color-neutral-300); /*#ddd*/
min-height: 40px; min-height: 40px;
display: -webkit-box; display: -webkit-box;
display: -ms-flexbox; display: -ms-flexbox;
@ -624,7 +624,7 @@ button.rbc-input::-moz-focus-inner {
flex: none; flex: none;
/*Own changes 07*/ /*Own changes 07*/
background-color: #8d8d8d; background-color: var(--color-neutral-500);
/*Own changes 07*/ /*Own changes 07*/
} }
@ -686,7 +686,7 @@ button.rbc-input::-moz-focus-inner {
min-height: 1em; min-height: 1em;
} }
.rbc-day-slot .rbc-time-slot { .rbc-day-slot .rbc-time-slot {
border-top: 1px solid #383838; /*#f7f7f7*/ border-top: 1px solid transparent; /*#f7f7f7*/
} }
.rbc-time-view-resources .rbc-time-gutter, .rbc-time-view-resources .rbc-time-gutter,
@ -782,7 +782,7 @@ button.rbc-input::-moz-focus-inner {
position: relative; position: relative;
/*Own changes 05*/ /*Own changes 05*/
background-color: #555555; background-color: var(--color-neutral-500);
/*Own changes 05*/ /*Own changes 05*/
} }
.rbc-time-view .rbc-allday-cell + .rbc-allday-cell { .rbc-time-view .rbc-allday-cell + .rbc-allday-cell {
@ -872,7 +872,7 @@ button.rbc-input::-moz-focus-inner {
} }
.rbc-time-header-content { .rbc-time-header-content {
border-bottom: 2px solid #717171; /*#ddd*/ border-bottom: 2px solid var(--color-neutral-400); /*#ddd*/
} }
.rbc-time-column :last-child { .rbc-time-column :last-child {
@ -890,7 +890,7 @@ button.rbc-input::-moz-focus-inner {
/*Own changes 09*/ /*Own changes 09*/
} }
.rbc-time-content > * + * > * { .rbc-time-content > * + * > * {
border-left: 1px solid #c6c6c6; /*#ddd*/ border-left: 1px solid var(--color-neutral-300); /*#ddd*/
} }
.rbc-rtl .rbc-time-content > * + * > * { .rbc-rtl .rbc-time-content > * + * > * {
border-left-width: 0; border-left-width: 0;