-
{resource.title}
+
{resource.title}
{resource.description}
diff --git a/src/components/TableOfContents.astro b/src/components/TableOfContents.astro
index d4b7991..b7dba6a 100644
--- a/src/components/TableOfContents.astro
+++ b/src/components/TableOfContents.astro
@@ -57,6 +57,10 @@ const toc = headings && headings.length ? TocItem(headings) : [];
font-size: 0.785rem;
}
+ .toc ul li a {
+ color: var(--body-text);
+ }
+
@media only screen and (max-width: 750px) {
/* .toc {
margin-top: var(--nav-height);
diff --git a/src/config.js b/src/config.js
index 3260b8d..1310c5d 100644
--- a/src/config.js
+++ b/src/config.js
@@ -71,6 +71,11 @@ export const featured = [
}
]
+export const meta = {
+ title: "LBRY Tech",
+ color: "#27E4EB"
+}
+
export const REDIRECTS = {
// "/api/blockchain": "/api/lbrycrd",
// "/api/lbry": "/api/sdk",
diff --git a/src/layouts/Collections.astro b/src/layouts/Collections.astro
index 7eefd78..81eb276 100644
--- a/src/layouts/Collections.astro
+++ b/src/layouts/Collections.astro
@@ -93,6 +93,10 @@ const isActive = (href: string)=>{
transition: 0.3s;
z-index: 10;
}
+
+ .wrapper .sidebar a {
+ color: var(--body-text);
+ }
.wrapper .sidebar .container {
position: relative;
@@ -173,7 +177,7 @@ const isActive = (href: string)=>{
inset-block: 0;
inset-inline-end: 2rem;
margin: calc(2rem + var(--nav-height)) 0;
- // background-color: var(--secondary-background);
+ /* background-color: var(--secondary-background); */
transition: 0.3s;
z-index: 10;
overflow-y: auto;
diff --git a/src/layouts/Layout.astro b/src/layouts/Layout.astro
index 4f4a3b2..03e5bb0 100644
--- a/src/layouts/Layout.astro
+++ b/src/layouts/Layout.astro
@@ -4,12 +4,17 @@ import Header from '../components/Header.astro';
import Footer from '../components/Footer.astro';
import { ViewTransitions } from 'astro:transitions';
+import LoadingIndicator from "astro-loading-indicator/component"
+
+import * as config from '../config.js';
+
interface Props {
title?: string;
+ description?: string;
}
-const { title } = Astro.props;
+const { title, description } = Astro.props;
---
@@ -19,10 +24,10 @@ const { title } = Astro.props;
{title || 'LBRY Tech'}
-
-
-
-
+
+
+
+
@@ -33,20 +38,21 @@ const { title } = Astro.props;
-
+
-
-
-
+
+
+
-
+
-
+
+
diff --git a/src/styles/Header.css b/src/styles/Header.css
index 956b169..59b19b2 100644
--- a/src/styles/Header.css
+++ b/src/styles/Header.css
@@ -3,6 +3,10 @@ header {
background-color: var(--tertiary-background);
}
+header a {
+ color: var(--body-text);
+}
+
header nav {
display: flex;
justify-content: space-between;
diff --git a/src/styles/global.scss b/src/styles/global.scss
index 870a2d3..e5dc1a8 100644
--- a/src/styles/global.scss
+++ b/src/styles/global.scss
@@ -85,7 +85,7 @@ p {
}
a {
- color: var(--body-text);
+ color: var(--accent);
text-decoration: none;
}
@@ -103,6 +103,7 @@ a {
border-radius: 0.5em;
padding: 10px 20px;
background-color: var(--tertiary-background);
+ color: var(--body-text);
}
.button-primary:hover {
diff --git a/src/styles/markdown.css b/src/styles/markdown.css
index 39e7e36..90a0657 100644
--- a/src/styles/markdown.css
+++ b/src/styles/markdown.css
@@ -50,7 +50,7 @@ h1 > a, h2 > a, h3 > a, h4 > a, h5 > a, h6 > a {
/* --color-border-muted: #21262d; */
--color-border-muted: var(--tertiary-background);
--color-neutral-muted: rgba(110,118,129,0.4);
- --color-accent-fg: #2f81f7;
+ --color-accent-fg: var(--accent);
--color-accent-emphasis: #1f6feb;
--color-attention-fg: #d29922;
--color-attention-subtle: rgba(187,128,9,0.15);
@@ -59,7 +59,7 @@ h1 > a, h2 > a, h3 > a, h4 > a, h5 > a, h6 > a {
}
.markdown-body {
- font-size: 16px;
+ font-size: 1rem;
line-height: 1.5;
word-wrap: break-word;
}
@@ -252,6 +252,8 @@ h1 > a, h2 > a, h3 > a, h4 > a, h5 > a, h6 > a {
width: max-content;
max-width: 100%;
overflow: auto;
+ border-radius: 0.5em;
+ background-color: var(--tertiary-background);
}
.markdown-body td,
@@ -403,6 +405,7 @@ h1 > a, h2 > a, h3 > a, h4 > a, h5 > a, h6 > a {
font-family: ui-monospace,SFMono-Regular,SF Mono,Menlo,Consolas,Liberation Mono,monospace;
font-size: 12px;
word-wrap: normal;
+ background-color: var(--secondary-background) !important;
}
.markdown-body .octicon {
+
+
+