feat(theme): add pinky boom theme

This commit is contained in:
mugiwarafx 2020-12-06 19:28:45 +01:00
parent 927ba69695
commit a988373440
2 changed files with 72 additions and 0 deletions

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: "fbef391c-58ff-4938-bd45-b85ae0435e4e",
name: "Pinky Boom Theme",
tags: ['theme', 'pink'],
desc: "Pinky everywhere and black cats",
version: "0.0.1",
author: "mugiwarafx",
};

View File

@ -0,0 +1,56 @@
/*
* Pinky Booooom Theme!
* (c) 2020 mugiwarafx (https://github.com/mugiwarafx)
* under the MIT license
*/
:root {
/** dark **/
--theme_dark--scrollbar: pink;
--theme_dark--scrollbar-border: transparent;
--theme_dark--scrollbar_hover: rgb(255, 192, 241);
--theme_dark--selected:#f7c8ff33;
--theme_dark--primary: rgb(113, 46, 220);
--theme_dark--primary_hover: hsl(350deg 40% 70% / 43%);
--theme_dark--primary_click: hsl(350deg 40% 70% / 43%);
--theme_dark--text: pink;
--theme_dark--text_ui: #ffa5fc;
--theme_dark--text_ui_info: hsl(260deg 40% 70%);
/** light **/
--theme_light--sidebar:#ff14932b;
--theme_light--scrollbar: #ff14ef;
--theme_light--scrollbar-border: inherit;
--theme_light--scrollbar_hover: hsl(350, 40%, 70%);
--theme-light--interactive_hover: rgb(228 208 255);
--theme_light--selected:hsl(294deg, 100%, 88%);
--theme_light--primary: #fd98f5;
--theme_light--primary_hover: deeppink;
--theme_light--primary_click: #fd98f5;
}
.notion-dark-theme {
--theme--scrollbar: var(--theme_dark--scrollbar);
--theme--scrollbar-border: var(--theme_dark--scrollbar-border);
--theme--scrollbar_hover: var(--theme_dark--scrollbar_hover);
--theme--selected: var(--theme_dark--selected);
--theme--primary: var(--theme_dark--primary);
--theme--primary_hover: var(--theme_dark--primary_hover);
--theme--primary_click: var(--theme_dark--primary_click);
--theme--text: var(--theme_dark--text);
--theme--text_ui: var(--theme_dark--text_ui);
--theme--text_ui_info: var(--theme_dark--text_ui_info);
}
.notion-light-theme {
--theme--sidebar: var(--theme_light--sidebar);
--theme--scrollbar: var(--theme_light--scrollbar);
--theme--scrollbar-border: var(--theme_light--scrollbar-border);
--theme--scrollbar_hover: var(--theme_light--scrollbar_hover);
--theme--interactive_hover: var(--theme_light--interactive_hover);
--theme--selected: var(--theme_light--selected);
--theme--primary: var(--theme_light--primary);
--theme--primary_hover: var(--theme_light--primary_hover);
--theme--primary_click: var(--theme_light--primary_click);
}