From f3b0063dd80ae70ab0e795537736609ccc56d926 Mon Sep 17 00:00:00 2001 From: Lu Baumann Date: Thu, 17 Oct 2024 05:01:47 +0200 Subject: [PATCH] started adding round borders --- theme-earl-grey-hibiscus.css | 54 ++++++++++++++++++++++++++++++++++++ 1 file changed, 54 insertions(+) diff --git a/theme-earl-grey-hibiscus.css b/theme-earl-grey-hibiscus.css index 0db38a9..e664703 100644 --- a/theme-earl-grey-hibiscus.css +++ b/theme-earl-grey-hibiscus.css @@ -271,6 +271,8 @@ --color-placeholder-text: #6a737d; --color-editor-line-highlight: var(--color-primary-light-5); --color-project-board-bg: var(--color-secondary-light-2); + --theme-border-radius: 15px; + --theme-inner-border-radius: 14px; } ::-webkit-calendar-picker-indicator { filter: invert(0.8); @@ -842,3 +844,55 @@ img[src$="/img/matrix.svg"] { #navbar .item:hover:not(div) { background-color: var(--color-hover); } + +.navbar-left > .item, +.navbar-right > .item { + border-radius: var(--theme-border-radius); +} + +.inline-code-block { + border-radius: 13px; +} + +.ui.menu, +.ui.secondary.menu .dropdown.item > .menu, +.ui.vertical.menu > .active.item:only-child, +.ui.secondary.menu .item, +.ui.secondary.menu .active.item { + border-radius: var(--theme-border-radius); +} + +.ui.secondary.vertical.menu > .item { + border-radius: var(--theme-border-radius) !important; +} + +.ui.menu > .item:first-child { + border-radius: var(--theme-border-radius) 0 0 var(--theme-border-radius); +} + +.ui.menu .dropdown.item .menu, +.ui.vertical.menu > .item:last-child, +.ui.vertical.menu > .active.item:last-child { + border-radius: 0 0 var(--theme-border-radius) var(--theme-border-radius); +} + +.ui.vertical.menu > .item:first-child, +.ui[class*="top attached"].menu { + border-radius: var(--theme-border-radius) var(--theme-border-radius) 0 0; +} + +.ui.vertical.menu > .active.item:first-child, +.ui.pagination.menu .item:last-child, +.ui.compact.menu .item:last-child, +.ui.compact.menu:not(.secondary) .item:last-child { + border-radius: 0 var(--theme-border-radius) var(--theme-border-radius) 0; +} + +.ui.tabular.menu .active.item, +.ui.tabular.menu .active.item:hover { + border-radius: var(--theme-border-radius) var(--theme-border-radius) 0 0 !important; +} + +.ui.top.attached.menu > .item:first-child { + border-radius: var(--theme-border-radius) 0 0; +} \ No newline at end of file