andatoshiki/toshiki-notebook
1
0
Fork 0
mirror of https://github.com/andatoshiki/toshiki-notebook.git synced 2026-06-06 00:46:29 +00:00
Code Issues Actions Packages Projects Releases Wiki Activity

style(footer emoji & site color scheme): revert default color scheme of vitepress back to the original vue-flavored matte green palette to allign with the styles of vitepress v1.0.0-beta.7 and ealier & update site footer styles of beating heart & remove custom fill color of fontawesome i-coffee since deprecated

Browse Source
This commit is contained in:
Anda Toshiki 2024-09-15 08:41:27 -07:00
parent ce0aab6718
commit 581ef765b0
Signed by: andatoshiki
GPG Key ID: 443A8FB634CF898D
2 changed files with 25 additions and 21 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

27
docs/.vitepress/theme/styles/custom.scss
View File

@ -81,8 +81,9 @@
/* fontawesome heart pumping styles */ /* fontawesome heart pumping styles */
.heart { .heart {
display: inline-block;
animation: heart 5s ease infinite; animation: heart 5s ease infinite;
color: red; // color: red;
} }
@keyframes heart { @keyframes heart {
@ -114,9 +115,9 @@
/* font awesome heart pumping style ends */ /* font awesome heart pumping style ends */
// font awesome coffee brown color style // font awesome coffee brown color style
.coffee { // .coffee {
color: rgb(88, 13, 13); // color: rgb(88, 13, 13);
} // }
// font awesome coffee brown color style ends // font awesome coffee brown color style ends
/* glonal code font styles */ /* glonal code font styles */
@ -430,8 +431,9 @@ html.dark {
align-items: end; align-items: end;
} }
// vitepress homepage styles end // vitepress homepage styles end
// macos styled pre tag code block styles with three colored dots // macos styled pre tag code block styles with three colored dots
.vp-doc div[class*=language-] { .vp-doc div[class*='language-'] {
position: relative; position: relative;
border-radius: 8px; border-radius: 8px;
overflow: hidden; overflow: hidden;
@ -440,8 +442,8 @@ html.dark {
} }
/* No line number: add macOS-style small dot */ /* No line number: add macOS-style small dot */
.vp-doc div[class*=language-]::before { .vp-doc div[class*='language-']::before {
content: ""; content: '';
display: block; display: block;
position: relative; position: relative;
top: 12px; top: 12px;
@ -455,17 +457,16 @@ html.dark {
} }
/* With line number: add background shadow */ /* With line number: add background shadow */
div[class*="language-"].vp-adaptive-theme.line-numbers-mode { div[class*='language-'].vp-adaptive-theme.line-numbers-mode {
position: relative; position: relative;
border-radius: 8px; border-radius: 8px;
overflow: hidden; overflow: hidden;
// box-shadow: 0 10px 30px 0 rgb(0 0 0 / 40%); // box-shadow: 0 10px 30px 0 rgb(0 0 0 / 40%);
} }
/* With line number: add macOS-style small dot */ /* With line number: add macOS-style small dot */
.vp-doc div[class*="language-"].line-numbers-mode::before { .vp-doc div[class*='language-'].line-numbers-mode::before {
content: ""; content: '';
display: block; display: block;
position: relative; position: relative;
top: 12px; top: 12px;
@ -478,8 +479,6 @@ div[class*="language-"].vp-adaptive-theme.line-numbers-mode {
z-index: 1; z-index: 1;
} }
/* Move line number down to align with code; hide right vertical line */ /* Move line number down to align with code; hide right vertical line */
.vp-doc .line-numbers-wrapper { .vp-doc .line-numbers-wrapper {
padding-top: 32px; padding-top: 32px;
@ -488,7 +487,7 @@ div[class*="language-"].vp-adaptive-theme.line-numbers-mode {
/* Rebuild the right vertical line for line numbers */ /* Rebuild the right vertical line for line numbers */
.vp-doc .line-numbers-wrapper::after { .vp-doc .line-numbers-wrapper::after {
content: ""; content: '';
position: absolute; position: absolute;
top: 38px; top: 38px;
right: 0; right: 0;

19
docs/.vitepress/theme/styles/tweak.scss
View File

@ -23,6 +23,12 @@
--vp-c-danger-2: var(--vp-c-red-2); --vp-c-danger-2: var(--vp-c-red-2);
--vp-c-danger-3: var(--vp-c-red-3); --vp-c-danger-3: var(--vp-c-red-3);
--vp-c-danger-soft: var(--vp-c-red-soft); --vp-c-danger-soft: var(--vp-c-red-soft);
/* Color scheme for version 1.0.0-beta.7 and earlier */
--vp-c-brand-1: var(--vp-c-green-1);
--vp-c-brand-2: var(--vp-c-green-2);
--vp-c-brand-3: var(--vp-c-green-3);
--vp-c-brand-soft: var(--vp-c-green-soft);
} }
:root { :root {
@ -37,13 +43,13 @@
--vp-button-brand-active-bg: var(--vp-c-brand-1); --vp-button-brand-active-bg: var(--vp-c-brand-1);
} }
:root { // :root {
--vp-home-hero-name-color: transparent; // --vp-home-hero-name-color: transparent;
--vp-home-hero-name-background: -webkit-linear-gradient(120deg, #bd34fe 30%, #41d1ff); // --vp-home-hero-name-background: -webkit-linear-gradient(120deg, #bd34fe 30%, #41d1ff);
--vp-home-hero-image-background-image: linear-gradient(-45deg, #bd34fe 50%, #47caff 50%); // --vp-home-hero-image-background-image: linear-gradient(-45deg, #bd34fe 50%, #47caff 50%);
--vp-home-hero-image-filter: blur(40px); // --vp-home-hero-image-filter: blur(40px);
} // }
@media (min-width: 640px) { @media (min-width: 640px) {
:root { :root {
@ -68,7 +74,6 @@
--docsearch-primary-color: var(--vp-c-brand-1) !important; --docsearch-primary-color: var(--vp-c-brand-1) !important;
} }
// github/mkdocs styled adomonition callout component css style tweak // github/mkdocs styled adomonition callout component css style tweak
/* Light and dark color cards */ /* Light and dark color cards */
:root { :root {