From 56b48a9858be7f6204c93b7110b6f7f23a4b5a27 Mon Sep 17 00:00:00 2001 From: fef Date: Mon, 12 Dec 2022 23:56:45 +0100 Subject: [PATCH] add base theme stuff --- .gitmodules | 3 +++ contrib/adobe-source-sans | 1 + public/font/source-sans | 1 + public/index.html | 2 ++ public/theme.css | 33 +++++++++++++++++++++++++++++++++ src/web/theme.ts | 16 ++++++++++++++++ 6 files changed, 56 insertions(+) create mode 100644 .gitmodules create mode 160000 contrib/adobe-source-sans create mode 120000 public/font/source-sans create mode 100644 public/theme.css create mode 100644 src/web/theme.ts diff --git a/.gitmodules b/.gitmodules new file mode 100644 index 0000000..4ce1120 --- /dev/null +++ b/.gitmodules @@ -0,0 +1,3 @@ +[submodule "contrib/adobe-source-sans"] + path = contrib/adobe-source-sans + url = https://github.com/adobe-fonts/source-sans.git diff --git a/contrib/adobe-source-sans b/contrib/adobe-source-sans new file mode 160000 index 0000000..f07d901 --- /dev/null +++ b/contrib/adobe-source-sans @@ -0,0 +1 @@ +Subproject commit f07d901c3bc52b32d62d2fc0054e8316a4a46a8d diff --git a/public/font/source-sans b/public/font/source-sans new file mode 120000 index 0000000..b87ce5b --- /dev/null +++ b/public/font/source-sans @@ -0,0 +1 @@ +../../contrib/adobe-source-sans \ No newline at end of file diff --git a/public/index.html b/public/index.html index 3d9d366..c1b5d04 100644 --- a/public/index.html +++ b/public/index.html @@ -9,6 +9,8 @@ + + diff --git a/public/theme.css b/public/theme.css new file mode 100644 index 0000000..4243cf4 --- /dev/null +++ b/public/theme.css @@ -0,0 +1,33 @@ +:root { + /* background for */ + --base-color: #0d0113; + + /* background for regular widgets */ + --background-color: #1d1122; + + /* text on background-color */ + --text-color: #eaddf4; + + /* color for buttons, links, etd */ + --accent-color: #a017df; + /* clicked/hovered elements in accent-color */ + --accent-highlight-color: #c356f4; + /* text on accent color */ + --accent-text-color: #e0d1e1; + --accent-highlight-text-color: var(--accent-text-color); + + /* border radius for smaller components like buttons */ + --border-radius: 8px; + /* border radius for larger components like modals */ + --border-radius-large: 16px; + + --font-family: "Source Sans 3", sans-serif; +} + +body { + background-color: var(--background-color); + color: var(--text-color); + font-family: "Source Sans 3", sans-serif; + font-size: 1rem; + font-weight: normal; +} diff --git a/src/web/theme.ts b/src/web/theme.ts new file mode 100644 index 0000000..287b7d1 --- /dev/null +++ b/src/web/theme.ts @@ -0,0 +1,16 @@ +import {css, CSSResult} from "lit"; + +const SHARED_STYLES = css ` + :host { + font-family: "Source Sans 3", sans-serif; + font-size: 1rem; + font-weight: normal; + } +`; + +export default function withSharedStyles(styles: CSSResult): CSSResult[] { + return [ + SHARED_STYLES, + styles, + ]; +}