mirror of
https://github.com/tcsenpai/obsidiangarden_netlify.git
synced 2025-06-06 20:55:21 +00:00
Added support for custom theme
This commit is contained in:
Ole Eskild Steensen
parent
bec105bd14
commit
83fa971be4
@ -118,6 +118,8 @@ module.exports = function(eleventyConfig) {
|
||||
});
|
||||
});
|
||||
|
||||
eleventyConfig.addPassthroughCopy("src/site/img");
|
||||
|
||||
return {
|
||||
dir: {
|
||||
input: "src/site",
|
||||
|
||||
3
.env
3
.env
@ -1,2 +1,3 @@
|
||||
#THEME=https://raw.githubusercontent.com/colineckert/obsidian-things/main/obsidian.css
|
||||
#BASE_THEME=dark
|
||||
#THEME=https://github.com/kepano/obsidian-minimal/blob/master/obsidian.css
|
||||
#BASE_THEME=light
|
||||
@ -2,7 +2,6 @@
|
||||
<script>
|
||||
mermaid.initialize({
|
||||
startOnLoad: true,
|
||||
theme: "forest"
|
||||
});
|
||||
</script>
|
||||
<script src="https://cdnjs.cloudflare.com/ajax/libs/prism/1.25.0/prism.min.js" integrity="sha512-hpZ5pDCF2bRCweL5WoA0/N1elet1KYL5mx3LP555Eg/0ZguaHawxNvEjF6O3rufAChs16HVNhEc6blF/rZoowQ==" crossorigin="anonymous" referrerpolicy="no-referrer"></script>
|
||||
@ -19,10 +18,14 @@
|
||||
</script>
|
||||
<script id="MathJax-script" async src="https://cdn.jsdelivr.net/npm/mathjax@3/es5/tex-chtml.js"></script>
|
||||
|
||||
<link href="/styles/style.css" rel="stylesheet">
|
||||
<link href="/styles/digital-garden-base.css" rel="stylesheet">
|
||||
{%-if meta.themeStyle%}
|
||||
<link href="/styles/obsidian-base.css" rel="stylesheet">
|
||||
{{meta.themeStyle | safe}}
|
||||
{% else %}
|
||||
<link href="/styles/style.css" rel="stylesheet">
|
||||
{%endif%}
|
||||
|
||||
<link href="/styles/custom-style.css" rel="stylesheet">
|
||||
|
||||
<link rel="preconnect" href="https://fonts.googleapis.com">
|
||||
|
||||
2
src/site/img/outgoing.svg
Normal file
2
src/site/img/outgoing.svg
Normal file
@ -0,0 +1,2 @@
|
||||
<?xml version="1.0" encoding="utf-8"?>
|
||||
<svg xmlns='http://www.w3.org/2000/svg' class='i-external' viewBox='0 0 32 32' width='14' height='14' fill='none' stroke='#888888' stroke-linecap='round' stroke-linejoin='round' stroke-width='9.38%'><path d='M14 9 L3 9 3 29 23 29 23 18 M18 4 L28 4 28 14 M28 4 L14 18'/></svg>
|
||||
|
After Width: | Height: | Size: 315 B |
281
src/site/styles/digital-garden-base.scss
Normal file
281
src/site/styles/digital-garden-base.scss
Normal file
@ -0,0 +1,281 @@
|
||||
.content {
|
||||
max-width: 900px;
|
||||
margin: auto;
|
||||
font-size: 22px;
|
||||
line-height: 1.5;
|
||||
}
|
||||
|
||||
.markdown-preview-view pre.mermaid {
|
||||
background: white;
|
||||
border-radius: 25px;
|
||||
}
|
||||
|
||||
div.translusion {
|
||||
border-left: 4px solid gray;
|
||||
padding-left: 10px;
|
||||
}
|
||||
|
||||
.admonition-title {
|
||||
position: absolute;
|
||||
top: 16px;
|
||||
left: 55px;
|
||||
font-size: 1.4rem;
|
||||
}
|
||||
|
||||
div[class*="language-ad-"]::before {
|
||||
display: block;
|
||||
font-size: 1.4rem;
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
|
||||
code[class*="language-ad-"] {
|
||||
font-family: 'Roboto', sans-serif;
|
||||
white-space: normal !important;
|
||||
}
|
||||
|
||||
.theme-light div[class*="language-ad-"] {
|
||||
color: rgb(12, 12, 12);
|
||||
}
|
||||
|
||||
.theme-dark div[class*="language-ad-"] {
|
||||
color: rgb(230, 230, 230);
|
||||
}
|
||||
|
||||
div[class*="language-ad-"] {
|
||||
font-family: 'Roboto', sans-serif;
|
||||
word-wrap: break-word;
|
||||
border-radius: 6px;
|
||||
display: block;
|
||||
font-size: 1rem;
|
||||
margin-top: 1rem;
|
||||
outline-color: rgb(230, 230, 230);
|
||||
padding: 1rem;
|
||||
position: relative;
|
||||
transition: height .5s ease-in, opacity .5s ease-in;
|
||||
word-break: break-word;
|
||||
white-space: normal !important;
|
||||
}
|
||||
|
||||
div.language-ad-note::before {
|
||||
content: "🖊️";
|
||||
}
|
||||
|
||||
div.language-ad-tip::before {
|
||||
content: "💡";
|
||||
}
|
||||
|
||||
div.language-ad-warning::before {
|
||||
content: "⚠️";
|
||||
}
|
||||
|
||||
div.language-ad-important::before {
|
||||
content: "❗️";
|
||||
}
|
||||
|
||||
div.language-ad-caution::before {
|
||||
content: "⚠️";
|
||||
}
|
||||
|
||||
div.language-ad-info::before {
|
||||
content: "ℹ";
|
||||
}
|
||||
|
||||
div.language-ad-example::before {
|
||||
content: "🗒️";
|
||||
}
|
||||
|
||||
div.language-ad-seealso::before {
|
||||
content: "🖊️";
|
||||
}
|
||||
|
||||
div.language-ad-abstract::before {
|
||||
content: '📚'
|
||||
}
|
||||
|
||||
div.language-ad-summary::before {
|
||||
content: '📚'
|
||||
}
|
||||
|
||||
div.language-ad-tldr::before {
|
||||
content: '📚'
|
||||
}
|
||||
|
||||
div.language-ad-todo::before {
|
||||
content: '☑️'
|
||||
}
|
||||
|
||||
div.language-ad-hint::before {
|
||||
content: '🔥'
|
||||
}
|
||||
|
||||
div.language-ad-success::before {
|
||||
content: ✅
|
||||
}
|
||||
|
||||
div.language-ad-check::before {
|
||||
content: '✅'
|
||||
}
|
||||
|
||||
div.language-ad-done::before {
|
||||
content: '✅'
|
||||
}
|
||||
|
||||
div.language-ad-question::before {
|
||||
content: '❓'
|
||||
}
|
||||
|
||||
div.language-ad-help::before {
|
||||
content: '❓'
|
||||
}
|
||||
|
||||
div.language-ad-faq::before {
|
||||
content: '❓'
|
||||
}
|
||||
|
||||
div.language-ad-attention::before {
|
||||
content: '⚠️'
|
||||
}
|
||||
|
||||
div.language-ad-failure::before {
|
||||
content: '❌'
|
||||
}
|
||||
|
||||
div.language-ad-fail::before {
|
||||
content: '❌'
|
||||
}
|
||||
|
||||
div.language-ad-missing::before {
|
||||
content: '❌'
|
||||
}
|
||||
|
||||
div.language-ad-danger::before {
|
||||
content: '⚡'
|
||||
}
|
||||
|
||||
div.language-ad-error::before {
|
||||
content: '⚡'
|
||||
}
|
||||
|
||||
div.language-ad-bug::before {
|
||||
content: '🐞'
|
||||
}
|
||||
|
||||
div.language-ad-quote::before {
|
||||
content: '💬'
|
||||
}
|
||||
|
||||
div.language-ad-cite::before {
|
||||
content: '💬'
|
||||
}
|
||||
|
||||
div.language-ad-note {
|
||||
background-color: rgba(68, 138, 255, .5)
|
||||
}
|
||||
|
||||
div.language-ad-seealso {
|
||||
background-color: rgba(68, 138, 255, .5)
|
||||
}
|
||||
|
||||
div.language-ad-abstract {
|
||||
background-color: rgba(0, 176, 255, .5)
|
||||
}
|
||||
|
||||
div.language-ad-summary {
|
||||
background-color: rgba(0, 176, 255, .5)
|
||||
}
|
||||
|
||||
div.language-ad-tldr {
|
||||
background-color: rgba(0, 176, 255, .5)
|
||||
}
|
||||
|
||||
div.language-ad-info {
|
||||
background-color: rgba(0, 184, 212, .5)
|
||||
}
|
||||
|
||||
div.language-ad-todo {
|
||||
background-color: rgba(0, 184, 212, .5)
|
||||
}
|
||||
|
||||
div.language-ad-tip {
|
||||
background-color: rgba(0, 191, 165, .5)
|
||||
}
|
||||
|
||||
div.language-ad-hint {
|
||||
background-color: rgba(0, 191, 165, .5)
|
||||
}
|
||||
|
||||
div.language-ad-important {
|
||||
background-color: rgba(0, 191, 165, .5)
|
||||
}
|
||||
|
||||
div.language-ad-success {
|
||||
background-color: rgba(0, 200, 83, .5)
|
||||
}
|
||||
|
||||
div.language-ad-check {
|
||||
background-color: rgba(0, 200, 83, .5)
|
||||
}
|
||||
|
||||
div.language-ad-done {
|
||||
background-color: rgba(0, 200, 83, .5)
|
||||
}
|
||||
|
||||
div.language-ad-question {
|
||||
background-color: rgba(100, 221, 23, .5)
|
||||
}
|
||||
|
||||
div.language-ad-help {
|
||||
background-color: rgba(100, 221, 23, .5)
|
||||
}
|
||||
|
||||
div.language-ad-faq {
|
||||
background-color: rgba(100, 221, 23, .5)
|
||||
}
|
||||
|
||||
div.language-ad-warning {
|
||||
background-color: rgba(255, 145, 0, .5)
|
||||
}
|
||||
|
||||
div.language-ad-caution {
|
||||
background-color: rgba(255, 145, 0, .5)
|
||||
}
|
||||
|
||||
div.language-ad-attention {
|
||||
background-color: rgba(255, 145, 0, .5)
|
||||
}
|
||||
|
||||
div.language-ad-failure {
|
||||
background-color: rgba(255, 82, 82, .5)
|
||||
}
|
||||
|
||||
div.language-ad-fail {
|
||||
background-color: rgba(255, 82, 82, .5)
|
||||
}
|
||||
|
||||
div.language-ad-missing {
|
||||
background-color: rgba(255, 82, 82, .5)
|
||||
}
|
||||
|
||||
div.language-ad-danger {
|
||||
background-color: rgba(255, 23, 68, .5)
|
||||
}
|
||||
|
||||
div.language-ad-error {
|
||||
background-color: rgba(255, 23, 68, .5)
|
||||
}
|
||||
|
||||
div.language-ad-bug {
|
||||
background-color: rgba(245, 0, 87, .5)
|
||||
}
|
||||
|
||||
div.language-ad-example {
|
||||
background-color: rgba(124, 77, 255, .5)
|
||||
}
|
||||
|
||||
div.language-ad-quote {
|
||||
background-color: rgba(158, 158, 158, .5)
|
||||
}
|
||||
|
||||
div.language-ad-cite {
|
||||
background-color: rgba(158, 158, 158, .5)
|
||||
}
|
||||
9080
src/site/styles/obsidian-base.scss
Normal file
9080
src/site/styles/obsidian-base.scss
Normal file
File diff suppressed because it is too large
Load Diff
@ -3,14 +3,6 @@
|
||||
* MODIFY THE custom-style.scss FILE INSTEAD.
|
||||
***/
|
||||
|
||||
.content {
|
||||
max-width: 900px;
|
||||
margin: auto;
|
||||
font-size: 22px;
|
||||
line-height: 1.5;
|
||||
color: white;
|
||||
}
|
||||
|
||||
h1 {
|
||||
color: #FFEF60;
|
||||
}
|
||||
@ -27,12 +19,6 @@ h4 {
|
||||
color: #72DCFF;
|
||||
}
|
||||
|
||||
.mermaid svg {
|
||||
background: white;
|
||||
border-radius: 25px;
|
||||
padding: 20px;
|
||||
}
|
||||
|
||||
.centered {
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
@ -84,7 +70,7 @@ blockquote p {
|
||||
}
|
||||
|
||||
.external-link::after {
|
||||
content: '🔗';
|
||||
content: 'U+1F855';
|
||||
position: absolute;
|
||||
top: -4px;
|
||||
right: -7px;
|
||||
@ -95,266 +81,3 @@ blockquote p {
|
||||
padding-right: 10px;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
div.translusion {
|
||||
border-left: 4px solid gray;
|
||||
padding-left: 10px;
|
||||
}
|
||||
|
||||
.admonition-title {
|
||||
position: absolute;
|
||||
top: 16px;
|
||||
left: 55px;
|
||||
font-size: 1.4rem;
|
||||
}
|
||||
|
||||
div[class*="language-ad-"]::before {
|
||||
display: block;
|
||||
font-size: 1.4rem;
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
|
||||
code[class*="language-ad-"] {
|
||||
font-family: 'Roboto', sans-serif;
|
||||
white-space: normal !important;
|
||||
}
|
||||
|
||||
div[class*="language-ad-"] {
|
||||
font-family: 'Roboto', sans-serif;
|
||||
word-wrap: break-word;
|
||||
border-radius: 6px;
|
||||
color: rgb(230, 230, 230);
|
||||
display: block;
|
||||
font-size: 1rem;
|
||||
margin-top: 1rem;
|
||||
outline-color: rgb(230, 230, 230);
|
||||
padding: 1rem;
|
||||
position: relative;
|
||||
transition: height .5s ease-in, opacity .5s ease-in;
|
||||
word-break: break-word;
|
||||
white-space: normal !important;
|
||||
}
|
||||
|
||||
div.language-ad-note::before {
|
||||
content: "🖊️";
|
||||
}
|
||||
|
||||
div.language-ad-tip::before {
|
||||
content: "💡";
|
||||
}
|
||||
|
||||
div.language-ad-warning::before {
|
||||
content: "⚠️";
|
||||
}
|
||||
|
||||
div.language-ad-important::before {
|
||||
content: "❗️";
|
||||
}
|
||||
|
||||
div.language-ad-caution::before {
|
||||
content: "⚠️";
|
||||
}
|
||||
|
||||
div.language-ad-info::before {
|
||||
content: "ℹ";
|
||||
}
|
||||
|
||||
div.language-ad-example::before {
|
||||
content: "🗒️";
|
||||
}
|
||||
|
||||
div.language-ad-seealso::before {
|
||||
content: "🖊️";
|
||||
}
|
||||
|
||||
div.language-ad-abstract::before {
|
||||
content: '📚'
|
||||
}
|
||||
|
||||
div.language-ad-summary::before {
|
||||
content: '📚'
|
||||
}
|
||||
|
||||
div.language-ad-tldr::before {
|
||||
content: '📚'
|
||||
}
|
||||
|
||||
div.language-ad-todo::before {
|
||||
content: '☑️'
|
||||
}
|
||||
|
||||
div.language-ad-hint::before {
|
||||
content: '🔥'
|
||||
}
|
||||
|
||||
div.language-ad-success::before {
|
||||
content: ✅
|
||||
}
|
||||
|
||||
div.language-ad-check::before {
|
||||
content: '✅'
|
||||
}
|
||||
|
||||
div.language-ad-done::before {
|
||||
content: '✅'
|
||||
}
|
||||
|
||||
div.language-ad-question::before {
|
||||
content: '❓'
|
||||
}
|
||||
|
||||
div.language-ad-help::before {
|
||||
content: '❓'
|
||||
}
|
||||
|
||||
div.language-ad-faq::before {
|
||||
content: '❓'
|
||||
}
|
||||
|
||||
div.language-ad-attention::before {
|
||||
content: '⚠️'
|
||||
}
|
||||
|
||||
div.language-ad-failure::before {
|
||||
content: '❌'
|
||||
}
|
||||
|
||||
div.language-ad-fail::before {
|
||||
content: '❌'
|
||||
}
|
||||
|
||||
div.language-ad-missing::before {
|
||||
content: '❌'
|
||||
}
|
||||
|
||||
div.language-ad-danger::before {
|
||||
content: '⚡'
|
||||
}
|
||||
|
||||
div.language-ad-error::before {
|
||||
content: '⚡'
|
||||
}
|
||||
|
||||
div.language-ad-bug::before {
|
||||
content: '🐞'
|
||||
}
|
||||
|
||||
div.language-ad-quote::before {
|
||||
content: '💬'
|
||||
}
|
||||
|
||||
div.language-ad-cite::before {
|
||||
content: '💬'
|
||||
}
|
||||
|
||||
div.language-ad-note {
|
||||
background-color: rgba(68, 138, 255, .1)
|
||||
}
|
||||
|
||||
div.language-ad-seealso {
|
||||
background-color: rgba(68, 138, 255, .1)
|
||||
}
|
||||
|
||||
div.language-ad-abstract {
|
||||
background-color: rgba(0, 176, 255, .1)
|
||||
}
|
||||
|
||||
div.language-ad-summary {
|
||||
background-color: rgba(0, 176, 255, .1)
|
||||
}
|
||||
|
||||
div.language-ad-tldr {
|
||||
background-color: rgba(0, 176, 255, .1)
|
||||
}
|
||||
|
||||
div.language-ad-info {
|
||||
background-color: rgba(0, 184, 212, .1)
|
||||
}
|
||||
|
||||
div.language-ad-todo {
|
||||
background-color: rgba(0, 184, 212, .1)
|
||||
}
|
||||
|
||||
div.language-ad-tip {
|
||||
background-color: rgba(0, 191, 165, .1)
|
||||
}
|
||||
|
||||
div.language-ad-hint {
|
||||
background-color: rgba(0, 191, 165, .1)
|
||||
}
|
||||
|
||||
div.language-ad-important {
|
||||
background-color: rgba(0, 191, 165, .1)
|
||||
}
|
||||
|
||||
div.language-ad-success {
|
||||
background-color: rgba(0, 200, 83, .1)
|
||||
}
|
||||
|
||||
div.language-ad-check {
|
||||
background-color: rgba(0, 200, 83, .1)
|
||||
}
|
||||
|
||||
div.language-ad-done {
|
||||
background-color: rgba(0, 200, 83, .1)
|
||||
}
|
||||
|
||||
div.language-ad-question {
|
||||
background-color: rgba(100, 221, 23, .1)
|
||||
}
|
||||
|
||||
div.language-ad-help {
|
||||
background-color: rgba(100, 221, 23, .1)
|
||||
}
|
||||
|
||||
div.language-ad-faq {
|
||||
background-color: rgba(100, 221, 23, .1)
|
||||
}
|
||||
|
||||
div.language-ad-warning {
|
||||
background-color: rgba(255, 145, 0, .1)
|
||||
}
|
||||
|
||||
div.language-ad-caution {
|
||||
background-color: rgba(255, 145, 0, .1)
|
||||
}
|
||||
|
||||
div.language-ad-attention {
|
||||
background-color: rgba(255, 145, 0, .1)
|
||||
}
|
||||
|
||||
div.language-ad-failure {
|
||||
background-color: rgba(255, 82, 82, .1)
|
||||
}
|
||||
|
||||
div.language-ad-fail {
|
||||
background-color: rgba(255, 82, 82, .1)
|
||||
}
|
||||
|
||||
div.language-ad-missing {
|
||||
background-color: rgba(255, 82, 82, .1)
|
||||
}
|
||||
|
||||
div.language-ad-danger {
|
||||
background-color: rgba(255, 23, 68, .1)
|
||||
}
|
||||
|
||||
div.language-ad-error {
|
||||
background-color: rgba(255, 23, 68, .1)
|
||||
}
|
||||
|
||||
div.language-ad-bug {
|
||||
background-color: rgba(245, 0, 87, .1)
|
||||
}
|
||||
|
||||
div.language-ad-example {
|
||||
background-color: rgba(124, 77, 255, .1)
|
||||
}
|
||||
|
||||
div.language-ad-quote {
|
||||
background-color: rgba(158, 158, 158, .1)
|
||||
}
|
||||
|
||||
div.language-ad-cite {
|
||||
background-color: rgba(158, 158, 158, .1)
|
||||
}
|
||||
Loading…
x
Reference in New Issue
Block a user