From 04c65f26f16bd7552168e0621fa3583d77488c4d Mon Sep 17 00:00:00 2001 From: silverwind Date: Thu, 22 Oct 2026 21:33:50 +0200 Subject: [PATCH] enhance: remove box-shadow from kbd elements (#39943) Remove the inset bottom shadow from `` elements in markup and on keyboard shortcut hints. The skeuomorphic key cap look is not needed, the border alone marks the element as a key. --- web_src/css/base.css | 1 - web_src/css/markup/content.css | 1 - web_src/css/modules/shortcut.css | 1 - 3 files changed, 3 deletions(-) diff --git a/web_src/css/base.css b/web_src/css/base.css index 5a4adfeea7c..e594b40b692 100644 --- a/web_src/css/base.css +++ b/web_src/css/base.css @@ -47,7 +47,6 @@ --gap-block: 0.5rem; /* gap for element blocks, for example: spaces between buttons, menu image & title, header icon & title etc */ --background-view-image: repeating-conic-gradient(var(--color-transparency-grid-dark) 0 25%, var(--color-transparency-grid-light) 0 50%) 0 0 / 18px 18px; - --box-shadow-kbd: inset 0 -1px 0 var(--color-secondary); } @media (min-width: 768px) and (max-width: 1200px) { diff --git a/web_src/css/markup/content.css b/web_src/css/markup/content.css index 7ed89eea98b..10894c69d61 100644 --- a/web_src/css/markup/content.css +++ b/web_src/css/markup/content.css @@ -401,7 +401,6 @@ html[data-gitea-theme-dark="false"] .markup img[src*="#gh-dark-mode-only"] { background-color: var(--color-markup-code-inline); border: 1px solid var(--color-secondary); border-radius: var(--border-radius); - box-shadow: var(--box-shadow-kbd); } .markup details.frontmatter-content summary { diff --git a/web_src/css/modules/shortcut.css b/web_src/css/modules/shortcut.css index 78e87c867ea..cda7669e3ca 100644 --- a/web_src/css/modules/shortcut.css +++ b/web_src/css/modules/shortcut.css @@ -14,7 +14,6 @@ kbd { background-color: var(--color-box-body); border: 1px solid var(--color-secondary); border-radius: var(--border-radius); - box-shadow: var(--box-shadow-kbd); } .global-shortcut-wrapper > kbd {