diff --git a/Fira/FiraMono-Bold.woff2 b/Fira/FiraMono-Bold.woff2 new file mode 100644 index 0000000..832aaab Binary files /dev/null and b/Fira/FiraMono-Bold.woff2 differ diff --git a/Fira/FiraMono-Regular.woff2 b/Fira/FiraMono-Regular.woff2 new file mode 100644 index 0000000..9fa44b7 Binary files /dev/null and b/Fira/FiraMono-Regular.woff2 differ diff --git a/Fira/FiraSans-Bold.woff2 b/Fira/FiraSans-Bold.woff2 new file mode 100644 index 0000000..4c550c7 Binary files /dev/null and b/Fira/FiraSans-Bold.woff2 differ diff --git a/Fira/FiraSans-BoldItalic.woff2 b/Fira/FiraSans-BoldItalic.woff2 new file mode 100644 index 0000000..9e66901 Binary files /dev/null and b/Fira/FiraSans-BoldItalic.woff2 differ diff --git a/Fira/FiraSans-ExtraBold.woff2 b/Fira/FiraSans-ExtraBold.woff2 new file mode 100644 index 0000000..c343ae9 Binary files /dev/null and b/Fira/FiraSans-ExtraBold.woff2 differ diff --git a/Fira/FiraSans-ExtraBoldItalic.woff2 b/Fira/FiraSans-ExtraBoldItalic.woff2 new file mode 100644 index 0000000..88aaaba Binary files /dev/null and b/Fira/FiraSans-ExtraBoldItalic.woff2 differ diff --git a/Fira/FiraSans-Heavy.woff2 b/Fira/FiraSans-Heavy.woff2 new file mode 100644 index 0000000..b61bf0d Binary files /dev/null and b/Fira/FiraSans-Heavy.woff2 differ diff --git a/Fira/FiraSans-HeavyItalic.woff2 b/Fira/FiraSans-HeavyItalic.woff2 new file mode 100644 index 0000000..f12daf3 Binary files /dev/null and b/Fira/FiraSans-HeavyItalic.woff2 differ diff --git a/Fira/FiraSans-Italic.woff2 b/Fira/FiraSans-Italic.woff2 new file mode 100644 index 0000000..3f63664 Binary files /dev/null and b/Fira/FiraSans-Italic.woff2 differ diff --git a/Fira/FiraSans-Light.woff2 b/Fira/FiraSans-Light.woff2 new file mode 100644 index 0000000..5c0e34d Binary files /dev/null and b/Fira/FiraSans-Light.woff2 differ diff --git a/Fira/FiraSans-LightItalic.woff2 b/Fira/FiraSans-LightItalic.woff2 new file mode 100644 index 0000000..0e9b453 Binary files /dev/null and b/Fira/FiraSans-LightItalic.woff2 differ diff --git a/Fira/FiraSans-Medium.woff2 b/Fira/FiraSans-Medium.woff2 new file mode 100644 index 0000000..7a1e5fc Binary files /dev/null and b/Fira/FiraSans-Medium.woff2 differ diff --git a/Fira/FiraSans-MediumItalic.woff2 b/Fira/FiraSans-MediumItalic.woff2 new file mode 100644 index 0000000..2d08f9f Binary files /dev/null and b/Fira/FiraSans-MediumItalic.woff2 differ diff --git a/Fira/FiraSans-Regular.woff2 b/Fira/FiraSans-Regular.woff2 new file mode 100644 index 0000000..e766e06 Binary files /dev/null and b/Fira/FiraSans-Regular.woff2 differ diff --git a/Fira/FiraSans-SemiBold.woff2 b/Fira/FiraSans-SemiBold.woff2 new file mode 100644 index 0000000..bafabb5 Binary files /dev/null and b/Fira/FiraSans-SemiBold.woff2 differ diff --git a/Fira/FiraSans-SemiBoldItalic.woff2 b/Fira/FiraSans-SemiBoldItalic.woff2 new file mode 100644 index 0000000..a256463 Binary files /dev/null and b/Fira/FiraSans-SemiBoldItalic.woff2 differ diff --git a/stellar-dark.css b/stellar-dark.css index 055e9a7..b4ee01f 100644 --- a/stellar-dark.css +++ b/stellar-dark.css @@ -3,6 +3,93 @@ Stellar Dark by Octavia N. (https://github.com/Lolabird/stellar-dark-theme-trili Inspired by https://github.com/Engr-AllanG/trilium-theme-Neon_Dark ******************************************************************/ +/*****FONT IMPORTS*****/ +@font-face{ + font-family: 'Fira Mono'; + src:url('/custom/themes/StellarDark/FiraMono-Regular.woff2') format("woff2"); + font-weight: 400; + font-style: normal; +} +@font-face{ + font-family: 'Fira Mono'; + src:url('/custom/themes/StellarDark/FiraMono-Bold.woff2') format("woff2"); + font-weight: 600; + font-style: normal; +} +@font-face{ + font-family: 'Fira Sans'; + src:url('/custom/themes/StellarDark/FiraSans-Light.woff2') format("woff2"); + font-weight: 300; + font-style: normal; +} +@font-face{ + font-family: 'Fira Sans'; + src:url('/custom/themes/StellarDark/FiraSans-LightItalic.woff2') format("woff2"); + font-weight: 300; + font-style: oblique; +} +@font-face{ + font-family: 'Fira Sans'; + src:url('/custom/themes/StellarDark/FiraSans-Regular.woff2') format("woff2"); + font-weight: 400; + font-style: normal; +} +@font-face{ + font-family: 'Fira Sans'; + src:url('/custom/themes/StellarDark/FiraSans-Italic.woff2') format("woff2"); + font-weight: 400; + font-style: oblique; +} +@font-face{ + font-family: 'Fira Sans'; + src:url('/custom/themes/StellarDark/FiraSans-Medium.woff2') format("woff2"); + font-weight: 500; + font-style: normal; +} +@font-face{ + font-family: 'Fira Sans'; + src:url('/custom/themes/StellarDark/FiraSans-MediumItalic.woff2') format("woff2"); + font-weight: 500; + font-style: oblique; +} +@font-face{ + font-family: 'Fira Sans'; + src:url('/custom/themes/StellarDark/FiraSans-SemiBold.woff2') format("woff2"); + font-weight: 600; + font-style: normal; +} +@font-face{ + font-family: 'Fira Sans'; + src:url('/custom/themes/StellarDark/FiraSans-SemiBoldItalic.woff2') format("woff2"); + font-weight: 600; + font-style: oblique; +} +@font-face{ + font-family: 'Fira Sans'; + src:url('/custom/themes/StellarDark/FiraSans-Bold.woff2') format("woff2"); + font-weight: 700; + font-style: normal; +} +@font-face{ + font-family: 'Fira Sans'; + src:url('/custom/themes/StellarDark/FiraSans-BoldItalic.woff2') format("woff2"); + font-weight: 700; + font-style: oblique; +} +@font-face{ + font-family: 'Fira Sans'; + src:url('/custom/themes/StellarDark/FiraSans-ExtraBold.woff2') format("woff2"); + font-weight: 800; + font-style: normal; +} +@font-face{ + font-family: 'Fira Sans'; + src:url('/custom/themes/StellarDark/FiraSans-ExtraBoldItalic.woff2') format("woff2"); + font-weight: 800; + font-style: oblique; +} + + /*****ROOT (COLOR AND FONT KEY)*****/ :root{ /***main body (including CKEditor), modal(options menu), and some code colors (see last section for more code colors)***/ @@ -22,7 +109,7 @@ Inspired by https://github.com/Engr-AllanG/trilium-theme-Neon_Dark --border-orange: #cc862c /*#cc6c2c*/; --sea-green: #04c963; --shallow-sea-blue: #54bcba; - --header-font-family: Lucida Console, Monaco, sans-serif; + --header-font-family: 'Fira Sans', sans-serif; --code-select-gray: #333; --table-header-gray: #222; --soft-red: #ed363c; @@ -50,17 +137,17 @@ html { /***fonts***/ /*general fonts*/ - --main-font-family: sans-serif; + --main-font-family: 'Fira Sans', sans-serif; --main-font-size: 1.2rem; - --tree-font-family: serif; + --tree-font-family: 'Fira Sans', sans-serif; --tree-font-size: 1.3rem; - --detail-font-family: sans-serif; + --detail-font-family: 'Fira Sans', sans-serif; --detail-font-size: 1.3rem; /*code fonts*/ - --monospace-font-family: monospace; + --monospace-font-family: 'Fira Mono', monospace; --monospace-font-size: 1.2rem; /***colors***/ @@ -139,6 +226,9 @@ html { .ck-content .image>figcaption { font-size: 1rem; } +.ck-content figure.image>figcaption code { + font-size: .95rem; +} /*****Scrollbar*****/ @@ -203,7 +293,7 @@ html { /*h1 is not defined, because it's not currently an option for headers in the main body*/ .ck-content h2 { color: var(--darkened-sun); - font-weight: 850; + font-weight: 800; font-family: var(--header-font-family); font-size: 2rem; } @@ -311,7 +401,7 @@ tr:nth-child(odd) { /*bold*/ body strong { color:var(--bold-sun); - font-weight: 800; + font-weight: 700; } /***lists***/ @@ -344,16 +434,25 @@ body blockquote{ margin-left: 0; margin-right: 0; font-style: italic; + font-weight: 300; + font-size: 1.35rem; border-left: 5px solid var(--border-orange); } -.ck-content blockquote p{ +.ck-content blockquote p { margin-bottom: 0; padding-bottom: .3em; } -.ck-content blockquote i{ +.ck-content blockquote i { font-style: normal; color: var(--bold-sun); } +.ck-content blockquote b { + font-weight: 500; +} +.ck-content blockquote code strong { + font-weight: 700; +} + /***decorated links***/ a > i, a > em, a > b, a > strong { @@ -659,7 +758,7 @@ pre::after{ /***inline code***/ .ck-content code, .ck-content code i, .ck-content code strong { - font-size: .95rem; + font-size: 1.1rem; background: var(--supa-dark); color: var(--shallow-sea-blue) !important; letter-spacing: 1px; @@ -951,7 +1050,7 @@ code.hljs { /***Trilium Chat***/ .chat-wrapper { - --trilium-green: var(--soft-foam); + --trilium-green: var(--sea-foam); } .chat-wrapper .header_face:hover { color: var(--bright-sun) !important;