diff --git a/src/digimarks/static/css/digui.css b/src/digimarks/static/css/digui.css index 1ec4c5d..6341233 100644 --- a/src/digimarks/static/css/digui.css +++ b/src/digimarks/static/css/digui.css @@ -30,6 +30,7 @@ --border-color: #d5d9d9; --border-width: 1px; --border-radius: 8px; + --chip-border-radius: 2rem; --shadow-color: rgba(213, 217, 217, .5); --global-theme-toggle-content: ' 🌞'; @@ -77,6 +78,7 @@ html[data-theme='nebula-dark'] { --border-color: #333; --border-width: 1px; --border-radius: 8px; + --chip-border-radius: 2rem; --shadow-color: rgba(3, 3, 3, .5); --global-theme-toggle-content: ' 🌝'; } @@ -99,6 +101,7 @@ html[data-theme='bbs'] { --border-color: #333; --border-width: 2px; --border-radius: 0; + --chip-border-radius: 0; --global-theme-toggle-content: ' 🖥️'; } @@ -124,6 +127,7 @@ html[data-theme='silo'] { /*--border-color: #003eaa;*/ --border-width: 2px; --border-radius: 0; + --chip-border-radius: 0; --global-theme-toggle-content: ' ⌨️'; } @@ -440,7 +444,7 @@ th, td { .chip { font-size: .8rem; - border-radius: var(--border-radius); + border-radius: var(--chip-border-radius); background-color: var(--background-color-secondary); color: var(--text-color-secondary); /*color: var(--text-color);*/ @@ -449,7 +453,7 @@ th, td { } .chip .button { - border-radius: var(--border-radius); + border-radius: var(--chip-border-radius); } /* Status */