From dc5f56b36675b5a869f32e8fa038b990d4b20d0c Mon Sep 17 00:00:00 2001 From: Arctic Ice Studio Date: Tue, 4 Dec 2018 15:27:01 +0100 Subject: [PATCH] Implement "background" and "font" CSS module styles They will be initially used in the global theme styles implemented in GH-53. Associated epic: GH-51 GH-59 --- src/styles/theme/colors/background.js | 27 +++++++++++++++++++++++++++ src/styles/theme/colors/font.js | 27 +++++++++++++++++++++++++++ src/styles/theme/colors/index.js | 4 ++++ 3 files changed, 58 insertions(+) create mode 100644 src/styles/theme/colors/background.js create mode 100644 src/styles/theme/colors/font.js diff --git a/src/styles/theme/colors/background.js b/src/styles/theme/colors/background.js new file mode 100644 index 00000000..ae72b0bc --- /dev/null +++ b/src/styles/theme/colors/background.js @@ -0,0 +1,27 @@ +/* + * Copyright (C) 2018-present Arctic Ice Studio + * Copyright (C) 2018-present Sven Greb + * + * Project: Nord Docs + * Repository: https://github.com/arcticicestudio/nord-docs + * License: MIT + */ + +/** + * @file Provides theme background colors. + * @author Arctic Ice Studio + * @author Sven Greb + * @since 0.2.0 + */ + +import nord from "./nord"; +import { MODE_BRIGHT_SNOW_FLURRY, MODE_DARK_NIGHT_FROST } from "../constants"; + +const base = { + [MODE_BRIGHT_SNOW_FLURRY]: "#fff", + [MODE_DARK_NIGHT_FROST]: nord.nord0 +}; + +const background = { base }; + +export default background; diff --git a/src/styles/theme/colors/font.js b/src/styles/theme/colors/font.js new file mode 100644 index 00000000..f5523a8c --- /dev/null +++ b/src/styles/theme/colors/font.js @@ -0,0 +1,27 @@ +/* + * Copyright (C) 2018-present Arctic Ice Studio + * Copyright (C) 2018-present Sven Greb + * + * Project: Nord Docs + * Repository: https://github.com/arcticicestudio/nord-docs + * License: MIT + */ + +/** + * @file Provides theme font colors. + * @author Arctic Ice Studio + * @author Sven Greb + * @since 0.2.0 + */ + +import nord from "./nord"; +import { MODE_BRIGHT_SNOW_FLURRY, MODE_DARK_NIGHT_FROST } from "../constants"; + +const base = { + [MODE_BRIGHT_SNOW_FLURRY]: nord.nord3, + [MODE_DARK_NIGHT_FROST]: nord.nord6 +}; + +const font = { base }; + +export default font; diff --git a/src/styles/theme/colors/index.js b/src/styles/theme/colors/index.js index 86866c90..21d2bf7f 100644 --- a/src/styles/theme/colors/index.js +++ b/src/styles/theme/colors/index.js @@ -14,10 +14,14 @@ * @since 0.2.0 */ +import background from "./background"; +import font from "./font"; import nord from "./nord"; import palettes from "./palettes"; const colors = { + background, + font, ...nord, ...palettes };