From f8a0292fc192eabc57bd1593d00a09b0250de26a Mon Sep 17 00:00:00 2001 From: lukicenturi Date: Tue, 23 Jul 2024 19:50:48 +0700 Subject: [PATCH] style: adjust color and button border radius --- .vitepress/theme/style.css | 28 ++++++++++++++++++++++++---- 1 file changed, 24 insertions(+), 4 deletions(-) diff --git a/.vitepress/theme/style.css b/.vitepress/theme/style.css index ae77440..86b347a 100644 --- a/.vitepress/theme/style.css +++ b/.vitepress/theme/style.css @@ -44,6 +44,7 @@ * -------------------------------------------------------------------------- */ :root { + --vp-c-indigo-1: #4e5ba6; --vp-c-default-1: var(--vp-c-gray-1); --vp-c-default-2: var(--vp-c-gray-2); --vp-c-default-3: var(--vp-c-gray-3); @@ -68,6 +69,12 @@ --vp-c-danger-2: var(--vp-c-red-2); --vp-c-danger-3: var(--vp-c-red-3); --vp-c-danger-soft: var(--vp-c-red-soft); + + --vp-code-bg: #65758512; +} + +.dark { + --vp-c-indigo-1: #5b68b2; } /** @@ -94,14 +101,14 @@ --vp-home-hero-name-color: transparent; --vp-home-hero-name-background: -webkit-linear-gradient( 120deg, - #4e5ba6 30%, - #4e5ba6 30% + var(--vp-c-brand-1) 30%, + var(--vp-c-brand-1) 30% ); --vp-home-hero-image-background-image: linear-gradient( -45deg, - #4e5ba6 50%, - #363f72 50% + var(--vp-c-brand-1) 50%, + var(--vp-c-brand-1) 50% ); --vp-home-hero-image-filter: blur(44px); } @@ -137,6 +144,9 @@ --docsearch-primary-color: var(--vp-c-brand-1) !important; } +/** + * Images + */ .content img { border-radius: 8px; border: 1px solid #ddd; @@ -146,6 +156,16 @@ border-color: #333; } +/* + * Code style for logs + */ .vp-doc .language-log code { white-space: normal; } + +/* + * Button on the homepage + */ +.VPButton.medium { + border-radius: 0.25rem !important; +}