From 083acea03f3f1bb7cb9a1b37b906949fa26bb5ec Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?=E5=85=83=E5=87=9B?= Date: Fri, 11 Feb 2022 13:40:30 +0800 Subject: [PATCH] docs: perf website --- web/web.less | 21 +++++++++++++++++++-- 1 file changed, 19 insertions(+), 2 deletions(-) diff --git a/web/web.less b/web/web.less index d4cf67c..5466200 100644 --- a/web/web.less +++ b/web/web.less @@ -15,6 +15,15 @@ html { } } +.__dumi-default-navbar { + background: rgba(255, 255, 255, 0.8) !important; + backdrop-filter: blur(20px); + + [data-prefers-color=dark] & { + background: rgba(0, 0, 0, 0.8) !important; + } +} + .__dumi-default-menu { box-shadow: 0 6px 20px 2px rgba(0, 0, 0, 0.08); } @@ -31,10 +40,16 @@ html { button { margin-right: 0 !important; - background: linear-gradient(45deg, #72a2de 30%, #5db8c7 90%) !important; + background: radial-gradient(100% 100% at 100% 0%, + #5ADAFF 0%, + #1890ff 100%) !important; + box-shadow: 0px 2px 4px rgba(45,35,66, 40%), 0px 7px 13px -3px rgba(45, 35, 66, 30%), inset 0px -3px 0px rgba(58, 65, 111, 50%) !important; border: none !important; border-radius: 8px !important; text-align: center; + text-shadow: 0 1px 0 rgba(0,0,0, 40%); + letter-spacing: 1px; + padding: 0 64px !important; &::before { position: absolute; @@ -73,7 +88,9 @@ html { } .__dumi-default-locale-select { - background: linear-gradient(45deg, #72a2de 30%, #5db8c7 90%) !important; + background: radial-gradient(100% 100% at 100% 0%, + #5ADAFF 0%, + #1890ff 100%) !important; border-radius: 2px !important; border: none !important;