tfgrid/www_docs_threefold_io
8
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

update fonts

Browse Source
This commit is contained in:
mik-tf 2024-11-20 12:29:12 -05:00
parent ce5baac764
commit 76e35e5cad
3 changed files with 33 additions and 47 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
docs_website/docusaurus.config.ts
View File

@ -5,7 +5,7 @@ import type * as Preset from '@docusaurus/preset-classic';
const config: Config = { const config: Config = {
title: 'ThreeFold', title: 'ThreeFold',
tagline: 'Self-Healing Data & Cloud Network', tagline: 'Self-Healing Data & Cloud Network',
favicon: 'img/logo_blue.svg', favicon: 'img/logo_official.svg',
// Set the production url of your site here // Set the production url of your site here
url: 'https://docs.projectmycelium.io', url: 'https://docs.projectmycelium.io',
@ -88,7 +88,7 @@ const config: Config = {
colorMode: { colorMode: {
defaultMode: 'dark', defaultMode: 'dark',
disableSwitch: false, disableSwitch: true,
respectPrefersColorScheme: false, respectPrefersColorScheme: false,
}, },
// Replace with your project's social card // Replace with your project's social card

70
docs_website/src/css/custom.css
View File

@ -6,7 +6,7 @@
/* You can override the default Infima variables here. */ /* You can override the default Infima variables here. */
:root { :root {
--ifm-color-primary: #265fb4a6; --ifm-color-primary: #2e83ff;
--ifm-color-primary-dark: #29784c; --ifm-color-primary-dark: #29784c;
--ifm-color-primary-darker: #277148; --ifm-color-primary-darker: #277148;
--ifm-color-primary-darkest: #205d3b; --ifm-color-primary-darkest: #205d3b;
@ -14,62 +14,42 @@
--ifm-color-primary-lighter: #359962; --ifm-color-primary-lighter: #359962;
--ifm-color-primary-lightest: #3cad6e; --ifm-color-primary-lightest: #3cad6e;
--ifm-code-font-size: 95%; --ifm-code-font-size: 95%;
--svg-fill-color: #141515; /* Black fill for light mode */ --svg-fill-color: #2a2021; /* Black fill for light mode */
--docusaurus-highlighted-code-line-bg: rgba(0, 0, 0, 0.1); --docusaurus-highlighted-code-line-bg: rgba(0, 0, 0, 0.1);
.footer {
background-color: #ffffff;
}
.footer a,
.footer p,
.footer span,
.footer div {
color: #131213; /* Example: Light gray text for dark mode */
}
img.svg-icon {
fill: var(--svg-fill-color); /* Apply the color variable */
}
.navbar { /* or .navbar--fixedTop if it has that class */
background-color: #ffffff;
}
.navbar__link { /* Example: for navbar links */
color: #131213;
}
} }
/* Dark mode styles */ /* Dark mode styles */
html[data-theme="dark"] { html[data-theme="dark"] {
--svg-fill-color: #fffff; /* White fill for dark mode */ --svg-fill-color: #fff; /* White fill for dark mode */
} }
/* For readability concerns, you should choose a lighter palette in dark mode. */ /* For readability concerns, you should choose a lighter palette in dark mode. */
[data-theme='dark'] { [data-theme='dark'] {
--ifm-color-primary: #8da5c9c0; --ifm-color-primary: #6f6f83;
--ifm-color-primary-dark: #21af90; --ifm-color-primary-dark: #21af90;
--ifm-color-primary-darker: #1fa588; --ifm-color-primary-darker: #1fa588;
--ifm-color-primary-darkest: #1dcfa9; --ifm-color-primary-darkest: #1a8870;
--ifm-color-primary-light: #29d5b0; --ifm-color-primary-light: #29d5b0;
--ifm-color-primary-lighter: #32d8b4; --ifm-color-primary-lighter: #32d8b4;
--ifm-color-primary-lightest: #4fddbf; --ifm-color-primary-lightest: #4fddbf;
--svg-fill-color: #fffff; /* White fill for dark mode */ --svg-fill-color: #fff; /* White fill for dark mode */
--docusaurus-highlighted-code-line-bg: #141515; --docusaurus-highlighted-code-line-bg: rgba(0, 0, 0, 0.3);
.footer { }
background-color: #131213; .footer {
} background-color: #131213;
.footer a, }
.footer p, .footer a,
.footer span, .footer p,
.footer div { .footer span,
color: #ffffff; /* Example: Light gray text for dark mode */ .footer div {
} color: #ffffff; /* Example: Light gray text for dark mode */
img.svg-icon { }
fill: var(--svg-fill-color); /* Apply the color variable */ .navbar { /* or .navbar--fixedTop if it has that class */
} background-color: #131213;
.navbar { /* or .navbar--fixedTop if it has that class */ }
background-color: #131213; .navbar__link { /* Example: for navbar links */
} color: #ffffff;
.navbar__link { /* Example: for navbar links */ }
color: #ffffff; img.svg-icon {
} fill: var(--svg-fill-color); /* Apply the color variable */
} }

6
docs_website/static/img/logo_official.svg Normal file
View File

File diff suppressed because one or more lines are too long
Side by Side

After

Width:  |  Height:  |  Size: 17 KiB