andatoshiki/toshiki-notebook
1
0
Fork 0
mirror of https://github.com/andatoshiki/toshiki-notebook.git synced 2026-06-06 05:25:56 +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 */
.heart {
display: inline-block;
animation: heart 5s ease infinite;
color: red;
// color: red;
}
@keyframes heart {
@ -114,9 +115,9 @@
/* font awesome heart pumping style ends */
// font awesome coffee brown color style
.coffee {
color: rgb(88, 13, 13);
}
// .coffee {
// color: rgb(88, 13, 13);
// }
// font awesome coffee brown color style ends
/* glonal code font styles */
@ -430,8 +431,9 @@ html.dark {
align-items: end;
}
// vitepress homepage styles end
// macos styled pre tag code block styles with three colored dots
.vp-doc div[class*=language-] {
.vp-doc div[class*='language-'] {
position: relative;
border-radius: 8px;
overflow: hidden;
@ -440,8 +442,8 @@ html.dark {
}
/* No line number: add macOS-style small dot */
.vp-doc div[class*=language-]::before {
content: "";
.vp-doc div[class*='language-']::before {
content: '';
display: block;
position: relative;
top: 12px;
@ -455,17 +457,16 @@ html.dark {
}
/* 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;
border-radius: 8px;
overflow: hidden;
// box-shadow: 0 10px 30px 0 rgb(0 0 0 / 40%);
}
/* With line number: add macOS-style small dot */
.vp-doc div[class*="language-"].line-numbers-mode::before {
content: "";
.vp-doc div[class*='language-'].line-numbers-mode::before {
content: '';
display: block;
position: relative;
top: 12px;
@ -478,8 +479,6 @@ div[class*="language-"].vp-adaptive-theme.line-numbers-mode {
z-index: 1;
}
/* Move line number down to align with code; hide right vertical line */
.vp-doc .line-numbers-wrapper {
padding-top: 32px;
@ -488,7 +487,7 @@ div[class*="language-"].vp-adaptive-theme.line-numbers-mode {
/* Rebuild the right vertical line for line numbers */
.vp-doc .line-numbers-wrapper::after {
content: "";
content: '';
position: absolute;
top: 38px;
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-3: var(--vp-c-red-3);
--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 {
@ -37,13 +43,13 @@
--vp-button-brand-active-bg: var(--vp-c-brand-1);
}
:root {
--vp-home-hero-name-color: transparent;
--vp-home-hero-name-background: -webkit-linear-gradient(120deg, #bd34fe 30%, #41d1ff);
// :root {
// --vp-home-hero-name-color: transparent;
// --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-filter: blur(40px);
}
// --vp-home-hero-image-background-image: linear-gradient(-45deg, #bd34fe 50%, #47caff 50%);
// --vp-home-hero-image-filter: blur(40px);
// }
@media (min-width: 640px) {
:root {
@ -68,7 +74,6 @@
--docsearch-primary-color: var(--vp-c-brand-1) !important;
}
// github/mkdocs styled adomonition callout component css style tweak
/* Light and dark color cards */
:root {