diff --git a/web_src/css/themes/lored/theme.css b/web_src/css/themes/lored/theme.css index aa0e4fbe51..4ea7057054 100644 --- a/web_src/css/themes/lored/theme.css +++ b/web_src/css/themes/lored/theme.css @@ -370,6 +370,27 @@ overflow-menu { border-bottom-color: var(--gray-5) !important; } +/* Custom labels (Requires our fork) */ +.ui.label.scope-parent { + .ui.label.scope-left { + border: 1px var(--custom-color-label-bg, var(--color-label-bg)) solid !important; + } + .ui.label.scope-middle { + background-color: transparent; + color: var(--color-text) !important; + border: 1px var(--custom-color-label-bg, var(--color-label-bg)) solid !important; + border-radius: var(--border-radius); + border-top-left-radius: 0; + border-bottom-left-radius: 0; + } + .ui.label.scope-right { + background-color: transparent !important; + color: var(--custom-color-label-bg, var(--color-label-bg)) !important; + border: 1px var(--custom-color-label-bg, var(--color-label-bg)) solid !important; + border-left-width: 0 !important; + } +} + /* Invert emojis that are hard to read otherwise */ .emoji[aria-label="check mark"], .emoji[aria-label="currency exchange"],