#uicustomize — Public Fediverse posts

#Vivaldi :vivaldi_red: のカレンダーの一覧の「当日」と「選択中」の見た目が一緒でわかりづらかったので、CSS 上書きで調整した :tony_smirking: :css3:

```css
/*
* カレンダーの一覧の current と selected の見た目を分ける
*/
.MonthDayPicker-Day--Selected {
color: inherit;
background-color: transparent;
box-shadow: inset 0 0 0 2px var(--colorHighlightBg);
}

.MonthDayPicker-Day--Current {
color: var(--colorHighlightFg);
background-color: var(--colorHighlightBg);
box-shadow: none;
}
```

#Vivaldi #UICustomize #CSS #UserStyle

#Vivaldi :vivaldi_red: のカレンダーの一覧の「当日」と「選択中」の見た目が一緒でわかりづらかったので、CSS 上書きで調整した :tony_smirking: :css3:

```css
/*
* カレンダーの一覧の current と selected の見た目を分ける
*/
.MonthDayPicker-Day--Selected {
color: inherit;
background-color: transparent;
box-shadow: inset 0 0 0 2px var(--colorHighlightBg);
}

.MonthDayPicker-Day--Current {
color: var(--colorHighlightFg);
background-color: var(--colorHighlightBg);
box-shadow: none;
}
```

#Vivaldi #UICustomize #CSS #UserStyle

#Vivaldi :vivaldi_red: のカレンダーの一覧の「当日」と「選択中」の見た目が一緒でわかりづらかったので、CSS 上書きで調整した :tony_smirking: :css3:

```css
/*
* カレンダーの一覧の current と selected の見た目を分ける
*/
.MonthDayPicker-Day--Selected {
color: inherit;
background-color: transparent;
box-shadow: inset 0 0 0 2px var(--colorHighlightBg);
}

.MonthDayPicker-Day--Current {
color: var(--colorHighlightFg);
background-color: var(--colorHighlightBg);
box-shadow: none;
}
```

#Vivaldi #UICustomize #CSS #UserStyle

#Vivaldi :vivaldi_red: のカレンダーの一覧の「当日」と「選択中」の見た目が一緒でわかりづらかったので、CSS 上書きで調整した :tony_smirking: :css3:

```css
/*
* カレンダーの一覧の current と selected の見た目を分ける
*/
.MonthDayPicker-Day--Selected {
color: inherit;
background-color: transparent;
box-shadow: inset 0 0 0 2px var(--colorHighlightBg);
}

.MonthDayPicker-Day--Current {
color: var(--colorHighlightFg);
background-color: var(--colorHighlightBg);
box-shadow: none;
}
```

#Vivaldi #UICustomize #CSS #UserStyle

#Vivaldi :vivaldi_red: のカレンダーの一覧の「当日」と「選択中」の見た目が一緒でわかりづらかったので、CSS 上書きで調整した :tony_smirking: :css3:

```css
/*
* カレンダーの一覧の current と selected の見た目を分ける
*/
.MonthDayPicker-Day--Selected {
color: inherit;
background-color: transparent;
box-shadow: inset 0 0 0 2px var(--colorHighlightBg);
}

.MonthDayPicker-Day--Current {
color: var(--colorHighlightFg);
background-color: var(--colorHighlightBg);
box-shadow: none;
}
```

#Vivaldi #UICustomize #CSS #UserStyle