diff --git a/src/css/themes/default.css b/src/css/themes/default.css index d270ae85c..6165b6828 100644 --- a/src/css/themes/default.css +++ b/src/css/themes/default.css @@ -1,19 +1,23 @@ /* References: - - https://protocol.mozilla.org/ - - https://material.io/ + https://protocol.mozilla.org/ + https://material.io/ */ /** Color names from: - https://protocol.mozilla.org/fundamentals/color.html + https://protocol.mozilla.org/fundamentals/color.html */ :root { --blue-10: #80ebff; --blue-50: #0060df; --blue-60: #0250bb; + --dark-gray-30: #42414d; + --dark-gray-50: #32313c; + --dark-gray-80: #1c1b22; + --dark-gray-90: #15141a; --ink-20: #312a65; --ink-50: #291d4f; --ink-80: #20123a; @@ -21,6 +25,9 @@ --ink-80-a50: #20123a88; --ink-90: #1d1133; --light-gray-10: #f9f9fb; + --light-gray-10-a4: #f9f9fb0a; + --light-gray-10-a12: #f9f9fb1f; + --light-gray-10-a16: #f9f9fb29; --light-gray-20: #f0f0f4; --light-gray-30: #e0e0e6; --light-gray-30-a50: #e0e0e680; @@ -30,6 +37,7 @@ --light-gray-70: #9f9fad; --light-gray-90: #80808f; --red-60: #e22850; + --violet-40: #ab71ff; --violet-70: #592acb; --violet-80: #45278d; --yellow-30: #ffd567; @@ -108,11 +116,11 @@ --bg-transient-notice: hsla(60, 100%, 95%, 1); --dashboard-bar-shadow: - 0px 0px 0px 1px rgba(32, 18, 58, 0.04), - 0px 1px 2px 0px rgba(34, 0, 51, 0.04), - 0px 2px 1px -1px rgba(7, 48, 114, 0.12), - 0px 1px 6px 0px rgba(14, 13, 26, 0.12); - --dashboard-tab-ink: var(--ink-80); + 0px 0px 0px 1px var(--default-ink-a4), + 0px 1px 2px 0px #2200330a, + 0px 2px 1px -1px #0730721f, + 0px 1px 6px 0px #0e0d1a1f; + --dashboard-tab-ink: var(--default-ink); --dashboard-tab-active-ink: var(--violet-70); --dashboard-tab-surface-hover: var(--default-surface-hover); @@ -133,11 +141,13 @@ --fg-tooltip: var(--ink-80); /* popup panel */ + /* classic */ + --bg-popup-cell-1: hsla(261, 0%, 93%, 1); + /* fenix */ --popup-power-ink: var(--blue-50); --popup-power-disabled-ink: var(--light-gray-70); --popup-power-ink-hover: var(--blue-60); - --bg-popup-cell-1: hsla(261, 0%, 93%, 1); - --bg-popup-cell-2: rgb(224, 224, 230); + --bg-popup-cell-2: var(--light-gray-30); --bg-popup-cell-label-filter: opacity(40%); --fg-popup-cell-cname: hsla(240, 100%, 40%, 1); --bg-popup-cell-allow: hsla(120, 40%, 75%, 1); @@ -162,8 +172,8 @@ } /** - Source for color-blind color scheme from https://github.com/WyohKnott: - https://github.com/chrisaljoudi/uBlock/issues/467#issuecomment-95177219 + Source for color-blind color scheme from https://github.com/WyohKnott: + https://github.com/chrisaljoudi/uBlock/issues/467#issuecomment-95177219 */ :root.colorBlind { --bg-popup-cell-allow: hsla(42, 100%, 80%, 1);