diff --git a/mods/contrast-blue-orange/mod.js b/mods/contrast-blue-orange/mod.js new file mode 100644 index 0000000..8db6bc1 --- /dev/null +++ b/mods/contrast-blue-orange/mod.js @@ -0,0 +1,16 @@ +/* + * contrast-blue-orange + * (c) 2021 GuYith (https://github.com/GuYith) + * under the MIT license + */ + +'use strict'; + +module.exports = { + id:'61dd3671-f8b2-4116-8f1c-1a169286fe55', + name: 'contrast blue orange', + tags: ['theme', 'light', 'bule'], + desc: 'A bright light theme using blue and orange', + version: '0.1.0', + author: 'GuYith', +}; diff --git a/mods/contrast-blue-orange/variables.css b/mods/contrast-blue-orange/variables.css new file mode 100644 index 0000000..4674116 --- /dev/null +++ b/mods/contrast-blue-orange/variables.css @@ -0,0 +1,57 @@ +/* + * contrast-blue-orange + * (c) 2021 GuYith (https://github.com/GuYith) + * under the MIT license + */ + + :root { + + /** light **/ + --light_contrast-orange: #f35b10; + --light_contrast-blue-1: #f8f9fa; + --light_contrast-blue-2: #4c7bb3; + --light_contrast-blue-3: #335a8a ; + --light_contrast-blue-4: #224671; + + --light_contrast-main: #fefafa; + --light_contrast-transparent: transparent; + --light_contrast-text_ui: #1e114e; + --light_contrast-trans-7: #e8f1fac5; + --light_contrast-trans-0: #f5f6f8da; + --light_contrast-trans-1: #bad6f861; + --light_contrast-trans-2: #bad6f896; + --light_contrast-trans-3: #bad6f8b8; + --light_contrast-trans-4: #bad6f8da; + --light_contrast-trans-5: #bad6f875; + --light_contrast-trans-6: #bad6f899; + + --theme_light--main: var(--light_contrast-main); + --theme_light--sidebar: var(--light_contrast-transparent); + --theme_light--overlay: var(--light_contrast-trans-1); + --theme_light--dragarea: var(--light_contrast-blue-1); + --theme_light--box-shadow: var(--light_contrast-trans-1) 0px 0px 0px 1px, var(--light_contrast-trans-1) 0px 2px 4px; + --theme_light--box-shadow_strong: var(--light_contrast-trans-4) 0px 0px 0px 1px, var(--light_contrast-trans-2) 0px 3px 6px, var(--light_contrast-trans-3) 0px 9px 24px; + + --theme_light--scrollbar: var(--light_contrast-blue-3); + --theme_light--scrollbar-border: var(--light_contrast-transparen); + --theme_light--scrollbar_hover: var(--light_contrast-blue-2); + --theme_light--card: var(--light_contrast-blue-1); + --theme_light--gallery: var(--light_contrast-trans-0); + --theme_light--select_input: var(--light_contrast-trans-7); + --theme_light--table-border: var(--light_contrast-trans-7); + --theme_light--ui-border: var(--light_contrast-trans-0); + --theme_light--interactive_hover: var(--light_contrast-trans-7); + --theme_light--interactive_hover-border: var(--light_contrast-transparent); + --theme_light--selected: var(--light_contrast-trans-7); + --theme_light--primary: var(--light_contrast-orange); + --theme_light--primary_hover: var(--light_contrast-blue-2); + --theme_light--primary_click: var(--light_contrast-blue-4); + --theme_light--option-color: var(--light_contrast-blue-3); + --theme_light--option-background: var(--light_contrast-transparent); + --theme_light--option_hover-color: var(--light_contrast-blue-4); + --theme_light--option_hover-background: var(--light_contrast-trans-7); + --theme_light--text_ui: var(--light_contrast-text_ui); + --theme_light--text_ui_info: var(--light_contrast-orange); +} + +.notion-sidebar{background-color:#fafcfd;} \ No newline at end of file