dragonwocky/notion-enhancer
1
0
Fork 0
mirror of https://github.com/notion-enhancer/notion-enhancer.git synced 2025-04-16 18:09:01 +00:00
Code Issues Packages Projects Releases Wiki Activity

add a light theme contrast-blue-orange

Browse Source
This commit is contained in:
GuYith 2021-10-19 20:19:18 +08:00
parent 3e7319464e
commit 36f0b69fef
2 changed files with 73 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

16
mods/contrast-bule-orange/mod.js Normal file
View File

@ -0,0 +1,16 @@
/*
* Pinky Booooom Theme!
* (c) 2020 mugiwarafx (https://github.com/mugiwarafx)
* under the MIT license
*/
'use strict';
module.exports = {
id:'61dd3671-f8b2-4116-8f1c-1a169286fe55',
name: 'contrast bule orange',
tags: ['theme', 'light', 'bule'],
desc: 'A bright light theme using blue and orange',
version: '0.1.0',
author: 'GuYith',
};

57
mods/contrast-bule-orange/variables.css Normal file
View File

@ -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;}