diff --git a/mods/core/dark.css b/mods/core/dark.css index 9576d08..fc660d6 100644 --- a/mods/core/dark.css +++ b/mods/core/dark.css @@ -122,6 +122,9 @@ background: var(--theme_dark--selected) !important; } +.notion-dark-theme [style*='color: rgb(46, 170, 220)'] { + color: var(--theme_dark--primary) !important; +} .notion-dark-theme [style*='background: rgb(46, 170, 220)'], .notion-dark-theme [style*='background-color: rgb(46, 170, 220)'] { background: var(--theme_dark--primary) !important; @@ -180,8 +183,10 @@ .notion-dark-theme [style*='color: rgba(255, 255, 255, 0.4)'] { color: var(--theme_dark--text_ui_info) !important; } -.notion-dark-theme [style*='fill: rgba(202, 204, 206,'], .notion-dark-theme [style*='fill: rgb(202, 204, 206)'] { + fill: var(--theme_dark--text) !important; +} +.notion-dark-theme [style*='fill: rgba(202, 204, 206,'] { fill: var(--theme_dark--text_ui) !important; } diff --git a/mods/core/light.css b/mods/core/light.css index 40fd3d0..798e63a 100644 --- a/mods/core/light.css +++ b/mods/core/light.css @@ -14,7 +14,9 @@ background: var(--theme_light--sidebar) !important; } .notion-body.light, -.notion-light-theme [style*='background: white'] { +.notion-light-theme [style*='background: white'], +.notion-light-theme [style*='background-color: white'], +.notion-light-theme [style*='background: rgba(206, 205, 202, 0.5)'] { background: var(--theme_light--main) !important; } @@ -106,6 +108,9 @@ background: var(--theme_light--button_hover) !important; box-shadow: 0 0 0 0.5px var(--theme_light--button_hover-border); } +.notion-light-theme [style*='background: rgba(242, 241, 238, 0.6)'] { + background: var(--theme_light--button) !important; +} /** colours **/ @@ -117,6 +122,9 @@ background: var(--theme_light--selected) !important; } +.notion-light-theme [style*='color: rgb(46, 170, 220)'] { + color: var(--theme_light--primary) !important; +} .notion-light-theme [style*='background: rgb(46, 170, 220)'], .notion-light-theme [style*='background-color: rgb(46, 170, 220)'] { background: var(--theme_light--primary) !important; @@ -165,114 +173,113 @@ } .notion-light-theme, -.notion-light-theme [style*='color:'] { +.notion-light-theme .notion-page-content [style*='color: inherit;'], +.notion-light-theme .notion-frame .notion-page-block, +.notion-light-theme [style*='color: rgb(55, 53, 47);'] { color: var(--theme_light--text) !important; } -.notion-light-theme [style*='color: rgba(255, 255, 255, 0.6)'], -.notion-light-theme [style*='color: rgba(25, 23, 17,'], -.notion-light-theme [style*='color: rgba(55, 53, 47,'], -.notion-light-theme [style*='color: rgb(25, 23, 17)'], -.notion-light-theme [style*='color: rgb(55, 53, 47)'] { +.notion-light-theme [style*='color: rgba(55, 53, 47, 0.6)'], +.notion-light-theme [style*='color: rgba(25, 23, 17, 0.6)'] { color: var(--theme_light--text_ui) !important; } -.notion-light-theme .notion-page-content { - color: var(--theme_light--text) !important; +.notion-light-theme [style*='color: rgba(55, 53, 47, 0.4)'] { + color: var(--theme_light--text_ui_info) !important; } .notion-light-theme [style*='fill: rgba(55, 53, 47,'] { fill: var(--theme_light--text_ui) !important; } -.notion-light-theme [style*='color: rgba(255, 255, 255, 0.4)'] { - color: var(--theme_light--text_ui_info) !important; +.notion-light-theme [style*='fill: rgba(55, 53, 47, 0.8)'] { + fill: var(--theme_light--text) !important; } .notion-light-theme [style*='color:rgb(155,154,151)'] { color: var(--theme_light--text_gray) !important; } -.notion-light-theme [style*='background: rgb(235, 236, 237)'], +.notion-light-theme [style*='background: rgba(140, 46, 0, 0.2)'], .notion-light-theme [style*='background:rgb(235,236,237)'] { background: var(--theme_light--bg_gray) !important; } -.notion-light-theme div[style='background: rgb(235, 236, 237)'] { +.notion-light-theme [style*='background: rgb(235, 236, 237)'] { background: var(--theme_light--line_gray) !important; } .notion-light-theme [style*='color:rgb(100,71,58)'] { color: var(--theme_light--text_brown) !important; } -.notion-light-theme [style*='background: rgb(233, 229, 227)'], +.notion-light-theme [style*='background: rgba(140, 46, 0, 0.2)'], .notion-light-theme [style*='background:rgb(233,229,227)'] { background: var(--theme_light--bg_brown) !important; } -.notion-light-theme div[style='background: rgb(233, 229, 227)'] { +.notion-light-theme [style*='background: rgb(233, 229, 227)'] { background: var(--theme_light--line_brown) !important; } .notion-light-theme [style*='color:rgb(217,115,13)'] { color: var(--theme_light--text_orange) !important; } -.notion-light-theme [style*='background: rgb(250, 235, 221)'], +.notion-light-theme [style*='background: rgba(245, 93, 0, 0.2)'], .notion-light-theme [style*='background:rgb(250,235,221)'] { background: var(--theme_light--bg_orange) !important; } -.notion-light-theme div[style='background: rgb(250, 235, 221)'] { +.notion-light-theme [style*='background: rgb(250, 235, 221)'] { background: var(--theme_light--line_orange) !important; } .notion-light-theme [style*='color:rgb(223,171,1)'] { color: var(--theme_light--text_yellow) !important; } -.notion-light-theme [style*='background: rgb(251, 243, 219)'], +.notion-light-theme [style*='background: rgba(233, 168, 0, 0.2)'], .notion-light-theme [style*='background:rgb(251,243,219)'] { background: var(--theme_light--bg_yellow) !important; } -.notion-light-theme div[style='background: rgb(251, 243, 219)'] { +.notion-light-theme [style*='background: rgb(251, 243, 219)'] { background: var(--theme_light--line_yellow) !important; } .notion-light-theme [style*='color:rgb(15,123,108)'] { color: var(--theme_light--text_green) !important; } -.notion-light-theme [style*='background: rgb(221, 237, 234)'], +.notion-light-theme [style*='background: rgba(0, 135, 107, 0.2)'], .notion-light-theme [style*='background:rgb(221,237,234)'] { background: var(--theme_light--bg_green) !important; } -.notion-light-theme div[style='background: rgb(221, 237, 234)'] { +.notion-light-theme [style*='background: rgb(221, 237, 234)'] { background: var(--theme_light--line_green) !important; } .notion-light-theme [style*='color:rgb(11,110,153)'] { color: var(--theme_light--text_blue) !important; } -.notion-light-theme [style*='background: rgb(221, 235, 241)'], +.notion-light-theme [style*='background: rgba(0, 120, 223, 0.2)'], .notion-light-theme [style*='background:rgb(221,235,241)'] { background: var(--theme_light--bg_blue) !important; } -.notion-light-theme div[style='background: rgb(221, 235, 241)'] { +.notion-light-theme [style*='background: rgb(221, 235, 241)'] { background: var(--theme_light--line_blue) !important; } .notion-light-theme [style*='color:rgb(105,64,165)'] { color: var(--theme_light--text_purple) !important; } -.notion-light-theme [style*='background: rgb(234, 228, 242)'], +.notion-light-theme [style*='background: rgba(103, 36, 222, 0.2)'], .notion-light-theme [style*='background:rgb(234,228,242)'] { background: var(--theme_light--bg_purple) !important; } -.notion-light-theme div[style='background: rgb(234, 228, 242)'] { +.notion-light-theme [style*='background: rgb(234, 228, 242)'] { background: var(--theme_light--line_purple) !important; } .notion-light-theme [style*='color:rgb(173,26,114)'] { color: var(--theme_light--text_pink) !important; } -.notion-light-theme [style*='background: rgb(244, 223, 235)'], +.notion-light-theme [style*='background: rgba(221, 0, 129, 0.2)'], .notion-light-theme [style*='background:rgb(244,223,235)'] { background: var(--theme_light--bg_pink) !important; } -.notion-light-theme div[style='background: rgb(244, 223, 235)'] { +.notion-light-theme [style*='background: rgb(244, 223, 235)'] { background: var(--theme_light--line_pink) !important; } .notion-light-theme [style*='color:rgb(224,62,62)'] { color: var(--theme_light--text_red) !important; } -.notion-light-theme [style*='background: rgb(251, 228, 228)'], +.notion-light-theme [style*='background: rgba(255, 0, 26, 0.2)'], .notion-light-theme [style*='background:rgb(251,228,228)'] { background: var(--theme_light--bg_red) !important; } -.notion-light-theme div[style='background: rgb(251, 228, 228)'] { +.notion-light-theme [style*='background: rgb(251, 228, 228)'] { background: var(--theme_light--line_red) !important; } diff --git a/mods/core/styles.css b/mods/core/styles.css index b2a7b88..6a57d80 100644 --- a/mods/core/styles.css +++ b/mods/core/styles.css @@ -10,3 +10,55 @@ @import './shared.css'; @import './scrollbars.css'; @import './titlebar.css'; + +:root { + --theme_light--main: rgb(5, 5, 5); + --theme_light--sidebar: rgb(1, 1, 1); + --theme_light--dragarea: #030303; + --theme_light--primary: rgb(177, 24, 24); + --theme_light--primary_hover: rgb(202, 26, 26); + --theme_light--primary_click: rgb(219, 41, 41); + --theme_light--primary_indicator: rgb(202, 26, 26); + + --theme_light--card: rgb(4, 4, 4); + --theme_light--card_border: rgba(10, 10, 10, 0.7); + --theme_light--button: rgb(15, 15, 15); + --theme_light--button_hover: rgb(32, 32, 32); + --theme_light--button_border: rgba(78, 78, 78, 0.7); + --theme_light--table_border: rgba(255, 255, 255, 0.1); + + --theme_light--scrollbar: #232425; + --theme_light--scrollbar-border: transparent; + --theme_light--scrollbar_hover: #373838; + + --theme_light--text: rgb(228, 228, 228); + --theme_light--text_ui: rgba(211, 211, 211, 0.637); + --theme_light--text_ui_info: rgba(211, 211, 211, 0.466); + --theme_light--text_gray: rgba(151, 154, 155, 0.95); + --theme_light--text_brown: rgb(147, 114, 100); + --theme_light--text_orange: rgb(255, 163, 68); + --theme_light--text_yellow: rgb(255, 220, 73); + --theme_light--text_green: rgb(50, 169, 104); + --theme_light--text_blue: rgb(82, 156, 202); + --theme_light--text_purple: rgb(154, 109, 215); + --theme_light--text_pink: rgb(226, 85, 161); + --theme_light--text_red: rgb(218, 47, 35); + --theme_light--bg_gray: rgba(126, 128, 129, 0.5); + --theme_light--bg_brown: #50331f; + --theme_light--bg_orange: rgba(255, 155, 0, 0.58); + --theme_light--bg_yellow: rgba(183, 155, 0, 1); + --theme_light--bg_green: rgb(50, 129, 47); + --theme_light--bg_blue: rgba(0, 90, 146, 0.71); + --theme_light--bg_purple: rgba(91, 49, 148, 0.74); + --theme_light--bg_pink: rgba(243, 61, 159, 0.5); + --theme_light--bg_red: rgb(122, 20, 20); + --theme_light--line_gray: rgba(126, 128, 129, 0.301); + --theme_light--line_brown: #50331fad; + --theme_light--line_orange: rgba(255, 153, 0, 0.315); + --theme_light--line_yellow: rgba(183, 156, 0, 0.445); + --theme_light--line_green: rgba(50, 129, 47, 0.39); + --theme_light--line_blue: rgba(0, 90, 146, 0.521); + --theme_light--line_purple: rgba(90, 49, 148, 0.349); + --theme_light--line_pink: rgba(243, 61, 158, 0.301); + --theme_light--line_red: rgba(122, 20, 20, 0.623); +}