diff --git a/web/styles/ant-overrides.scss b/web/styles/ant-overrides.scss index 92ddeaaf8..f447f46b9 100644 --- a/web/styles/ant-overrides.scss +++ b/web/styles/ant-overrides.scss @@ -257,41 +257,34 @@ textarea.ant-input { // ANT BUTTON .ant-btn { background-color: var(--owncast-purple-25); - border-color: var(--owncast-purple-25); + font-size: .85rem; + font-weight: bold; + border-radius: var(--theme-rounded-corners); + border-color: transparent; color: var(--white-75); &:hover, &:focus { background-color: var(--button-focused); + border-color: transparent; color: var(--white); } + &:focus { + border-color: var(--owncast-purple-25); + } } + .ant-btn-primary { - background-color: var(--owncast-purple); - border-color: var(--owncast-purple); -} -.ant-btn-primary:hover, -.ant-btn-primary:focus { - background-color: var(--button-focused); - color: var(--white); -} -.ant-btn.ant-btn-primary:hover { - border-color: var(--white); -} -.ant-btn:focus, -.ant-btn-primary:focus { - border-color: var(--white); + background-color: var(--owncast-purple-50); } .ant-btn-primary[disabled] { background-color: var(--white-25); - border-color: var(--white-25); color: var(--white-50); - &:hover { background-color: var(--white-35); - border-color: var(--white-35); } } + .ant-input-affix-wrapper, .ant-btn { transition-delay: 0s; @@ -355,7 +348,16 @@ textarea.ant-input { background-color: var(--owncast-purple-25); opacity: 0.75; } +// DROPDOWN +.ant-dropdown-menu { + padding: 10px 7px; + border-radius: var(--theme-rounded-corners); + background-color: var(--color-owncast-background); + li { + border-radius: var(--theme-rounded-corners); + } +} // SELECT .ant-select-dropdown { background-color: var(--black);