diff --git a/extensions/datewise-widget/assets/datewise.css b/extensions/datewise-widget/assets/datewise.css index 46561cb..9c56bdd 100644 --- a/extensions/datewise-widget/assets/datewise.css +++ b/extensions/datewise-widget/assets/datewise.css @@ -53,7 +53,7 @@ } .dw-method b { font-weight: 600; font-size: 0.95em; } .dw-method small { font-size: 0.76em; opacity: 0.7; line-height: 1.25; } -.dw-method[aria-pressed="true"] { background: var(--dw-accent); color: var(--dw-on-accent); box-shadow: 0 1px 2px color-mix(in srgb, var(--dw-accent) 40%, transparent); } +.datewise .dw-method[aria-pressed="true"] { background: var(--dw-accent); color: var(--dw-on-accent) !important; box-shadow: 0 1px 2px color-mix(in srgb, var(--dw-accent) 40%, transparent); } .dw-method[aria-pressed="true"] small { opacity: 0.85; } .dw-method:not([aria-pressed="true"]):not([aria-disabled="true"]):hover { background: var(--dw-tint); } .dw-ico { width: 22px; height: 22px; flex: none; } @@ -106,7 +106,8 @@ .dw-full { color: var(--dw-warn); background: var(--dw-warn-tint); } .dw-closed { opacity: 0.32; text-decoration: line-through; text-decoration-thickness: 1px; } .dw-out { opacity: 0.18; } -.dw-sel, .dw-sel:hover { background: var(--dw-accent); color: var(--dw-on-accent); border-color: var(--dw-accent); } +/* !important: themes style button:focus/:active colours, which hid the selected day's number. */ +.datewise .dw-sel, .datewise .dw-sel:hover, .datewise .dw-sel:focus { background: var(--dw-accent) !important; color: var(--dw-on-accent) !important; border-color: var(--dw-accent); } .dw-sel::before { background: var(--dw-on-accent); } .dw-peakday::after { content: ""; position: absolute; top: 8%; right: 8%; width: 7px; height: 7px; border-radius: 50%; @@ -132,7 +133,7 @@ .dw-slot small { font-size: 0.74em; opacity: 0.7; } .dw-slot small:empty { display: none; } .dw-slot:not([aria-disabled="true"]):hover { border-color: var(--dw-accent); } -.dw-slot[aria-pressed="true"] { background: var(--dw-accent); border-color: var(--dw-accent); color: var(--dw-on-accent); } +.datewise .dw-slot[aria-pressed="true"] { background: var(--dw-accent) !important; border-color: var(--dw-accent); color: var(--dw-on-accent) !important; } /* booking stub: the confirmation ticket */ .dw-stub {