Change doks to use invidious's logo accent color

This commit is contained in:
syeopite 2021-09-05 03:30:14 -07:00
parent 7e11f03da2
commit aaf1b18db3
No known key found for this signature in database
GPG key ID: 6FA616E5A5294A82
2 changed files with 46 additions and 0 deletions

41
assets/scss/app.scss Normal file
View file

@ -0,0 +1,41 @@
// Mostly taken from doks's own app scss. The only addition would be
// the `@import "variables" in order to overwrite color settings.
/** Import Bootstrap functions */
@import "bootstrap/scss/functions";
/** Import theme variables */
@import "../../node_modules/@hyas/doks/assets/scss/common/variables";
/** Overwrite variables */
@import "variables";
/** Import Bootstrap */
@import "bootstrap/scss/bootstrap";
/** Import highlight.js */
// @import "highlight.js/scss/github-dark-dimmed";
/** Import KaTeX */
@import "katex/dist/katex";
/** Import theme styles */
@import "../../node_modules/@hyas/doks/assets/scss/common/fonts";
@import "../../node_modules/@hyas/doks/assets/scss/common/global";
@import "../../node_modules/@hyas/doks/assets/scss/common/dark";
@import "../../node_modules/@hyas/doks/assets/scss/components/alerts";
@import "../../node_modules/@hyas/doks/assets/scss/components/buttons";
@import "../../node_modules/@hyas/doks/assets/scss/components/code";
@import "../../node_modules/@hyas/doks/assets/scss/components/syntax";
@import "../../node_modules/@hyas/doks/assets/scss/components/comments";
@import "../../node_modules/@hyas/doks/assets/scss/components/forms";
@import "../../node_modules/@hyas/doks/assets/scss/components/images";
@import "../../node_modules/@hyas/doks/assets/scss/components/mermaid";
@import "../../node_modules/@hyas/doks/assets/scss/components/search";
@import "../../node_modules/@hyas/doks/assets/scss/components/tables";
@import "../../node_modules/@hyas/doks/assets/scss/layouts/footer";
@import "../../node_modules/@hyas/doks/assets/scss/layouts/header";
@import "../../node_modules/@hyas/doks/assets/scss/layouts/pages";
@import "../../node_modules/@hyas/doks/assets/scss/layouts/posts";
@import "../../node_modules/@hyas/doks/assets/scss/layouts/sidebar";

View file

@ -0,0 +1,5 @@
// Same hue as hsl(195, 100%, 47%) (#00b6f0) or the invidious accent color,
// but modified with different lightness and saturation for better readability
// with black text.
$invidious: hsl(195, 85%, 65%);
$primary: $invidious;