prehistoric-systems/uBlock
1
0
Fork 0
mirror of https://github.com/gorhill/uBlock.git synced 2026-03-11 09:04:36 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions
uBlock/src/css/themes/default.css

150 lines
4.4 KiB
CSS
Raw Normal View History

Sixth pass to re-design the dashboard Related commits: - https://github.com/gorhill/uBlock/commit/0662767dd62731320473e9c96a17077145a00610 - https://github.com/gorhill/uBlock/commit/99b2a0a761eec860132bc08680710c3c785f90b6 - https://github.com/gorhill/uBlock/commit/a8e3118feafd5c2d7c3e3d03727beff17f9928b4 - https://github.com/gorhill/uBlock/commit/453f5450b6e6550618bf97b5b0541f5f46c35d8e - https://github.com/gorhill/uBlock/commit/a45a21f337216d7d4aaddb5a454ed4842eca3806 This commit focuses on implementing the use of CSS `var(...)` throughout so as to make it easy to create themes -- a requirement for uBO to support a dark theme. There is still work to do regarding converting uBO's CSS to completely support `var(...)` but being able to start using theming will help complete and fine tune CSS `var(...)` support. Related issue: - https://github.com/uBlockOrigin/uBlock-issues/issues/401
2020-04-13 13:19:58 +00:00
/*
Minor fine tuning of some dashboard visuals More left to do as per reference documentation: - https://protocol.mozilla.org/ - https://material.io/
2020-04-20 13:45:18 +00:00
References:
- https://protocol.mozilla.org/
- https://material.io/
Sixth pass to re-design the dashboard Related commits: - https://github.com/gorhill/uBlock/commit/0662767dd62731320473e9c96a17077145a00610 - https://github.com/gorhill/uBlock/commit/99b2a0a761eec860132bc08680710c3c785f90b6 - https://github.com/gorhill/uBlock/commit/a8e3118feafd5c2d7c3e3d03727beff17f9928b4 - https://github.com/gorhill/uBlock/commit/453f5450b6e6550618bf97b5b0541f5f46c35d8e - https://github.com/gorhill/uBlock/commit/a45a21f337216d7d4aaddb5a454ed4842eca3806 This commit focuses on implementing the use of CSS `var(...)` throughout so as to make it easy to create themes -- a requirement for uBO to support a dark theme. There is still work to do regarding converting uBO's CSS to completely support `var(...)` but being able to start using theming will help complete and fine tune CSS `var(...)` support. Related issue: - https://github.com/uBlockOrigin/uBlock-issues/issues/401
2020-04-13 13:19:58 +00:00
*/
More fine tuning of UI
2020-04-22 13:56:37 +00:00
/**
Color names from:
https://protocol.mozilla.org/fundamentals/color.html
*/
Minor fine tuning of some dashboard visuals More left to do as per reference documentation: - https://protocol.mozilla.org/ - https://material.io/
2020-04-20 13:45:18 +00:00
:root {
--blue-50: #0060df;
More work toward redesigning the UI As per email feedback from Mozilla's https://github.com/brampitoyo This is yet another incremental step toward redesigning the UI, much more is left to do. The idea is to align uBO's UI to that of Firefox Preview. Additionally, code has been added to reset the new popup panel to vertical layout should the viewport be not wide enough to accomodate the horizontal layout. Related feedback: - https://www.reddit.com/r/uBlockOrigin/comments/g4ufvi/
2020-04-21 20:33:08 +00:00
--ink-20: #312a64;
More fine tuning of UI
2020-04-22 13:56:37 +00:00
--ink-50: #291d4f;
Minor fine tuning of some dashboard visuals More left to do as per reference documentation: - https://protocol.mozilla.org/ - https://material.io/
2020-04-20 13:45:18 +00:00
--ink-80: #20123a;
--ink-80-a4: #20123a0a;
More fine tuning of UI
2020-04-22 13:56:37 +00:00
--ink-90: #1d1133;
More work toward redesigning the UI As per email feedback from Mozilla's https://github.com/brampitoyo This is yet another incremental step toward redesigning the UI, much more is left to do. The idea is to align uBO's UI to that of Firefox Preview. Additionally, code has been added to reset the new popup panel to vertical layout should the viewport be not wide enough to accomodate the horizontal layout. Related feedback: - https://www.reddit.com/r/uBlockOrigin/comments/g4ufvi/
2020-04-21 20:33:08 +00:00
--light-gray-10: #f9f9fb;
Minor fine tuning of some dashboard visuals More left to do as per reference documentation: - https://protocol.mozilla.org/ - https://material.io/
2020-04-20 13:45:18 +00:00
--light-gray-30: #e0e0e6;
More work toward redesigning the UI As per email feedback from Mozilla's https://github.com/brampitoyo This is yet another incremental step toward redesigning the UI, much more is left to do. The idea is to align uBO's UI to that of Firefox Preview. Additionally, code has been added to reset the new popup panel to vertical layout should the viewport be not wide enough to accomodate the horizontal layout. Related feedback: - https://www.reddit.com/r/uBlockOrigin/comments/g4ufvi/
2020-04-21 20:33:08 +00:00
--light-gray-40: #cfcfd8;
Minor fine tuning of some dashboard visuals More left to do as per reference documentation: - https://protocol.mozilla.org/ - https://material.io/
2020-04-20 13:45:18 +00:00
--violet-70: #592acb;
More fine tuning of UI
2020-04-22 13:56:37 +00:00
--violet-80: #45278d;
More work toward redesigning the UI As per email feedback from Mozilla's https://github.com/brampitoyo This is yet another incremental step toward redesigning the UI, much more is left to do. The idea is to align uBO's UI to that of Firefox Preview. Additionally, code has been added to reset the new popup panel to vertical layout should the viewport be not wide enough to accomodate the horizontal layout. Related feedback: - https://www.reddit.com/r/uBlockOrigin/comments/g4ufvi/
2020-04-21 20:33:08 +00:00
--black: #000;
--white: #fff;
Minor fine tuning of some dashboard visuals More left to do as per reference documentation: - https://protocol.mozilla.org/ - https://material.io/
2020-04-20 13:45:18 +00:00
}
More fine tuning of UI
2020-04-22 13:56:37 +00:00
/**
Components
*/
Fifth pass to re-design the dashboard Related commits: - https://github.com/gorhill/uBlock/commit/99b2a0a761eec860132bc08680710c3c785f90b6 - https://github.com/gorhill/uBlock/commit/a8e3118feafd5c2d7c3e3d03727beff17f9928b4 - https://github.com/gorhill/uBlock/commit/453f5450b6e6550618bf97b5b0541f5f46c35d8e - https://github.com/gorhill/uBlock/commit/a45a21f337216d7d4aaddb5a454ed4842eca3806 Fine tuned previous work. Started the use of variable-based color values.
2020-04-11 15:32:43 +00:00
:root {
More work toward redesigning the UI As per email feedback from Mozilla's https://github.com/brampitoyo This is yet another incremental step toward redesigning the UI, much more is left to do. The idea is to align uBO's UI to that of Firefox Preview. Additionally, code has been added to reset the new popup panel to vertical layout should the viewport be not wide enough to accomodate the horizontal layout. Related feedback: - https://www.reddit.com/r/uBlockOrigin/comments/g4ufvi/
2020-04-21 20:33:08 +00:00
--bg-0: var(--white);
Minor fine tuning of some dashboard visuals More left to do as per reference documentation: - https://protocol.mozilla.org/ - https://material.io/
2020-04-20 13:45:18 +00:00
--fg-0: var(--ink-80);
More fine tuning of UI
2020-04-22 13:56:37 +00:00
--default-ink: var(--ink-80);
--default-ink-a4: var(--ink-80-a4);
More work toward redesigning the UI As per email feedback from Mozilla's https://github.com/brampitoyo This is yet another incremental step toward redesigning the UI, much more is left to do. The idea is to align uBO's UI to that of Firefox Preview. Additionally, code has been added to reset the new popup panel to vertical layout should the viewport be not wide enough to accomodate the horizontal layout. Related feedback: - https://www.reddit.com/r/uBlockOrigin/comments/g4ufvi/
2020-04-21 20:33:08 +00:00
--default-surface: var(--light-gray-10);
Fifth pass to re-design the dashboard Related commits: - https://github.com/gorhill/uBlock/commit/99b2a0a761eec860132bc08680710c3c785f90b6 - https://github.com/gorhill/uBlock/commit/a8e3118feafd5c2d7c3e3d03727beff17f9928b4 - https://github.com/gorhill/uBlock/commit/453f5450b6e6550618bf97b5b0541f5f46c35d8e - https://github.com/gorhill/uBlock/commit/a45a21f337216d7d4aaddb5a454ed4842eca3806 Fine tuned previous work. Started the use of variable-based color values.
2020-04-11 15:32:43 +00:00
Sixth pass to re-design the dashboard Related commits: - https://github.com/gorhill/uBlock/commit/0662767dd62731320473e9c96a17077145a00610 - https://github.com/gorhill/uBlock/commit/99b2a0a761eec860132bc08680710c3c785f90b6 - https://github.com/gorhill/uBlock/commit/a8e3118feafd5c2d7c3e3d03727beff17f9928b4 - https://github.com/gorhill/uBlock/commit/453f5450b6e6550618bf97b5b0541f5f46c35d8e - https://github.com/gorhill/uBlock/commit/a45a21f337216d7d4aaddb5a454ed4842eca3806 This commit focuses on implementing the use of CSS `var(...)` throughout so as to make it easy to create themes -- a requirement for uBO to support a dark theme. There is still work to do regarding converting uBO's CSS to completely support `var(...)` but being able to start using theming will help complete and fine tune CSS `var(...)` support. Related issue: - https://github.com/uBlockOrigin/uBlock-issues/issues/401
2020-04-13 13:19:58 +00:00
--bg-1: hsla(240, 20%, 98%, 1);
--bg-1-border: hsla(240, 20%, 90%, 1);
--bg-overlay-50: #0008;
--bg-code: hsla(240, 20%, 93%, 1);
/* these fg colors are meant to render over bg colors */
--fg-0-80: hsla(261, 53%, 15%, 0.8);
--fg-0-70: hsla(261, 53%, 15%, 0.7);
Fifth pass to re-design the dashboard Related commits: - https://github.com/gorhill/uBlock/commit/99b2a0a761eec860132bc08680710c3c785f90b6 - https://github.com/gorhill/uBlock/commit/a8e3118feafd5c2d7c3e3d03727beff17f9928b4 - https://github.com/gorhill/uBlock/commit/453f5450b6e6550618bf97b5b0541f5f46c35d8e - https://github.com/gorhill/uBlock/commit/a45a21f337216d7d4aaddb5a454ed4842eca3806 Fine tuned previous work. Started the use of variable-based color values.
2020-04-11 15:32:43 +00:00
--fg-0-60: hsla(261, 53%, 15%, 0.6);
--fg-0-50: hsla(261, 53%, 15%, 0.5);
Sixth pass to re-design the dashboard Related commits: - https://github.com/gorhill/uBlock/commit/0662767dd62731320473e9c96a17077145a00610 - https://github.com/gorhill/uBlock/commit/99b2a0a761eec860132bc08680710c3c785f90b6 - https://github.com/gorhill/uBlock/commit/a8e3118feafd5c2d7c3e3d03727beff17f9928b4 - https://github.com/gorhill/uBlock/commit/453f5450b6e6550618bf97b5b0541f5f46c35d8e - https://github.com/gorhill/uBlock/commit/a45a21f337216d7d4aaddb5a454ed4842eca3806 This commit focuses on implementing the use of CSS `var(...)` throughout so as to make it easy to create themes -- a requirement for uBO to support a dark theme. There is still work to do regarding converting uBO's CSS to completely support `var(...)` but being able to start using theming will help complete and fine tune CSS `var(...)` support. Related issue: - https://github.com/uBlockOrigin/uBlock-issues/issues/401
2020-04-13 13:19:58 +00:00
--fg-0-40: hsla(261, 53%, 15%, 0.4);
--fg-0-30: hsla(261, 53%, 15%, 0.3);
--fg-0-20: hsla(261, 53%, 15%, 0.2);
Fifth pass to re-design the dashboard Related commits: - https://github.com/gorhill/uBlock/commit/99b2a0a761eec860132bc08680710c3c785f90b6 - https://github.com/gorhill/uBlock/commit/a8e3118feafd5c2d7c3e3d03727beff17f9928b4 - https://github.com/gorhill/uBlock/commit/453f5450b6e6550618bf97b5b0541f5f46c35d8e - https://github.com/gorhill/uBlock/commit/a45a21f337216d7d4aaddb5a454ed4842eca3806 Fine tuned previous work. Started the use of variable-based color values.
2020-04-11 15:32:43 +00:00
Minor fine tuning of some dashboard visuals More left to do as per reference documentation: - https://protocol.mozilla.org/ - https://material.io/
2020-04-20 13:45:18 +00:00
--link-ink: var(--violet-70);
More work toward redesigning the UI As per email feedback from Mozilla's https://github.com/brampitoyo This is yet another incremental step toward redesigning the UI, much more is left to do. The idea is to align uBO's UI to that of Firefox Preview. Additionally, code has been added to reset the new popup panel to vertical layout should the viewport be not wide enough to accomodate the horizontal layout. Related feedback: - https://www.reddit.com/r/uBlockOrigin/comments/g4ufvi/
2020-04-21 20:33:08 +00:00
--fieldset-header-surface: transparent;
--fieldset-header-ink: var(--ink-20);
Minor fine tuning of some dashboard visuals More left to do as per reference documentation: - https://protocol.mozilla.org/ - https://material.io/
2020-04-20 13:45:18 +00:00
--hor-separator-color: var(--light-gray-30);
Fifth pass to re-design the dashboard Related commits: - https://github.com/gorhill/uBlock/commit/99b2a0a761eec860132bc08680710c3c785f90b6 - https://github.com/gorhill/uBlock/commit/a8e3118feafd5c2d7c3e3d03727beff17f9928b4 - https://github.com/gorhill/uBlock/commit/453f5450b6e6550618bf97b5b0541f5f46c35d8e - https://github.com/gorhill/uBlock/commit/a45a21f337216d7d4aaddb5a454ed4842eca3806 Fine tuned previous work. Started the use of variable-based color values.
2020-04-11 15:32:43 +00:00
More work toward redesigning the UI As per email feedback from Mozilla's https://github.com/brampitoyo This is yet another incremental step toward redesigning the UI, much more is left to do. The idea is to align uBO's UI to that of Firefox Preview. Additionally, code has been added to reset the new popup panel to vertical layout should the viewport be not wide enough to accomodate the horizontal layout. Related feedback: - https://www.reddit.com/r/uBlockOrigin/comments/g4ufvi/
2020-04-21 20:33:08 +00:00
--button-surface: var(--light-gray-30);
--button-ink: var(--ink-20);
--button-surface-hover: var(--light-gray-40);
Sixth pass to re-design the dashboard Related commits: - https://github.com/gorhill/uBlock/commit/0662767dd62731320473e9c96a17077145a00610 - https://github.com/gorhill/uBlock/commit/99b2a0a761eec860132bc08680710c3c785f90b6 - https://github.com/gorhill/uBlock/commit/a8e3118feafd5c2d7c3e3d03727beff17f9928b4 - https://github.com/gorhill/uBlock/commit/453f5450b6e6550618bf97b5b0541f5f46c35d8e - https://github.com/gorhill/uBlock/commit/a45a21f337216d7d4aaddb5a454ed4842eca3806 This commit focuses on implementing the use of CSS `var(...)` throughout so as to make it easy to create themes -- a requirement for uBO to support a dark theme. There is still work to do regarding converting uBO's CSS to completely support `var(...)` but being able to start using theming will help complete and fine tune CSS `var(...)` support. Related issue: - https://github.com/uBlockOrigin/uBlock-issues/issues/401
2020-04-13 13:19:58 +00:00
--bg-button: hsla(0, 0%, 90%, 1);
--bg-button-important: hsla(36, 100%, 85%, 1);
--bg-button-important-hover: hsla(36, 100%, 77%, 1);
Fifth pass to re-design the dashboard Related commits: - https://github.com/gorhill/uBlock/commit/99b2a0a761eec860132bc08680710c3c785f90b6 - https://github.com/gorhill/uBlock/commit/a8e3118feafd5c2d7c3e3d03727beff17f9928b4 - https://github.com/gorhill/uBlock/commit/453f5450b6e6550618bf97b5b0541f5f46c35d8e - https://github.com/gorhill/uBlock/commit/a45a21f337216d7d4aaddb5a454ed4842eca3806 Fine tuned previous work. Started the use of variable-based color values.
2020-04-11 15:32:43 +00:00
--fg-button: var(--fg-0);
Sixth pass to re-design the dashboard Related commits: - https://github.com/gorhill/uBlock/commit/0662767dd62731320473e9c96a17077145a00610 - https://github.com/gorhill/uBlock/commit/99b2a0a761eec860132bc08680710c3c785f90b6 - https://github.com/gorhill/uBlock/commit/a8e3118feafd5c2d7c3e3d03727beff17f9928b4 - https://github.com/gorhill/uBlock/commit/453f5450b6e6550618bf97b5b0541f5f46c35d8e - https://github.com/gorhill/uBlock/commit/a45a21f337216d7d4aaddb5a454ed4842eca3806 This commit focuses on implementing the use of CSS `var(...)` throughout so as to make it easy to create themes -- a requirement for uBO to support a dark theme. There is still work to do regarding converting uBO's CSS to completely support `var(...)` but being able to start using theming will help complete and fine tune CSS `var(...)` support. Related issue: - https://github.com/uBlockOrigin/uBlock-issues/issues/401
2020-04-13 13:19:58 +00:00
--bg-button-disabled: hsla(0, 0%, 93%, 1);
--fg-button-disabled: hsla(0, 0%, 60%, 1);
--bg-transient-notice: hsla(60, 100%, 95%, 1);
Fifth pass to re-design the dashboard Related commits: - https://github.com/gorhill/uBlock/commit/99b2a0a761eec860132bc08680710c3c785f90b6 - https://github.com/gorhill/uBlock/commit/a8e3118feafd5c2d7c3e3d03727beff17f9928b4 - https://github.com/gorhill/uBlock/commit/453f5450b6e6550618bf97b5b0541f5f46c35d8e - https://github.com/gorhill/uBlock/commit/a45a21f337216d7d4aaddb5a454ed4842eca3806 Fine tuned previous work. Started the use of variable-based color values.
2020-04-11 15:32:43 +00:00
More work toward redesigning the UI As per email feedback from Mozilla's https://github.com/brampitoyo This is yet another incremental step toward redesigning the UI, much more is left to do. The idea is to align uBO's UI to that of Firefox Preview. Additionally, code has been added to reset the new popup panel to vertical layout should the viewport be not wide enough to accomodate the horizontal layout. Related feedback: - https://www.reddit.com/r/uBlockOrigin/comments/g4ufvi/
2020-04-21 20:33:08 +00:00
--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);
Minor fine tuning of some dashboard visuals More left to do as per reference documentation: - https://protocol.mozilla.org/ - https://material.io/
2020-04-20 13:45:18 +00:00
--dashboard-tab-ink: var(--ink-80);
--dashboard-tab-active-ink: var(--violet-70);
More fine tuning of UI
2020-04-22 13:56:37 +00:00
--dashboard-tab-surface-hover: var(--default-ink-a4);
Fifth pass to re-design the dashboard Related commits: - https://github.com/gorhill/uBlock/commit/99b2a0a761eec860132bc08680710c3c785f90b6 - https://github.com/gorhill/uBlock/commit/a8e3118feafd5c2d7c3e3d03727beff17f9928b4 - https://github.com/gorhill/uBlock/commit/453f5450b6e6550618bf97b5b0541f5f46c35d8e - https://github.com/gorhill/uBlock/commit/a45a21f337216d7d4aaddb5a454ed4842eca3806 Fine tuned previous work. Started the use of variable-based color values.
2020-04-11 15:32:43 +00:00
--fg-icon-info-lvl-0-dimmed: #888;
--fg-icon-info-lvl-0: inherit;
--fg-icon-info-lvl-1-dimmed: hsla(240, 100%, 40%, 0.5);
--fg-icon-info-lvl-1: hsla(240, 100%, 40%, 1);
--fg-icon-info-lvl-2-dimmed: hsla(36, 100%, 40%, 0.5);
--fg-icon-info-lvl-2: hsla(36, 100%, 40%, 1);
--fg-icon-info-lvl-3-dimmed: hsla(16, 100%, 50%, 0.5);
--fg-icon-info-lvl-3: hsla(16, 100%, 50%, 1);
Sixth pass to re-design the dashboard Related commits: - https://github.com/gorhill/uBlock/commit/0662767dd62731320473e9c96a17077145a00610 - https://github.com/gorhill/uBlock/commit/99b2a0a761eec860132bc08680710c3c785f90b6 - https://github.com/gorhill/uBlock/commit/a8e3118feafd5c2d7c3e3d03727beff17f9928b4 - https://github.com/gorhill/uBlock/commit/453f5450b6e6550618bf97b5b0541f5f46c35d8e - https://github.com/gorhill/uBlock/commit/a45a21f337216d7d4aaddb5a454ed4842eca3806 This commit focuses on implementing the use of CSS `var(...)` throughout so as to make it easy to create themes -- a requirement for uBO to support a dark theme. There is still work to do regarding converting uBO's CSS to completely support `var(...)` but being able to start using theming will help complete and fine tune CSS `var(...)` support. Related issue: - https://github.com/uBlockOrigin/uBlock-issues/issues/401
2020-04-13 13:19:58 +00:00
--fg-icon-info-lvl-4-dimmed: hsla(0, 100%, 35%, 0.5);
--fg-icon-info-lvl-4: hsla(0, 100%, 35%, 1);
--large-icon-info-lvl-2: hsla(41, 100%, 47%, 1);
--bg-tooltip: hsla(60, 100%, 97%, 1);
Minor fine tuning of some dashboard visuals More left to do as per reference documentation: - https://protocol.mozilla.org/ - https://material.io/
2020-04-20 13:45:18 +00:00
--fg-tooltip: var(--ink-80);
Sixth pass to re-design the dashboard Related commits: - https://github.com/gorhill/uBlock/commit/0662767dd62731320473e9c96a17077145a00610 - https://github.com/gorhill/uBlock/commit/99b2a0a761eec860132bc08680710c3c785f90b6 - https://github.com/gorhill/uBlock/commit/a8e3118feafd5c2d7c3e3d03727beff17f9928b4 - https://github.com/gorhill/uBlock/commit/453f5450b6e6550618bf97b5b0541f5f46c35d8e - https://github.com/gorhill/uBlock/commit/a45a21f337216d7d4aaddb5a454ed4842eca3806 This commit focuses on implementing the use of CSS `var(...)` throughout so as to make it easy to create themes -- a requirement for uBO to support a dark theme. There is still work to do regarding converting uBO's CSS to completely support `var(...)` but being able to start using theming will help complete and fine tune CSS `var(...)` support. Related issue: - https://github.com/uBlockOrigin/uBlock-issues/issues/401
2020-04-13 13:19:58 +00:00
/* popup panel */
Minor fine tuning of some dashboard visuals More left to do as per reference documentation: - https://protocol.mozilla.org/ - https://material.io/
2020-04-20 13:45:18 +00:00
--fg-popup-power: var(--blue-50);
Sixth pass to re-design the dashboard Related commits: - https://github.com/gorhill/uBlock/commit/0662767dd62731320473e9c96a17077145a00610 - https://github.com/gorhill/uBlock/commit/99b2a0a761eec860132bc08680710c3c785f90b6 - https://github.com/gorhill/uBlock/commit/a8e3118feafd5c2d7c3e3d03727beff17f9928b4 - https://github.com/gorhill/uBlock/commit/453f5450b6e6550618bf97b5b0541f5f46c35d8e - https://github.com/gorhill/uBlock/commit/a45a21f337216d7d4aaddb5a454ed4842eca3806 This commit focuses on implementing the use of CSS `var(...)` throughout so as to make it easy to create themes -- a requirement for uBO to support a dark theme. There is still work to do regarding converting uBO's CSS to completely support `var(...)` but being able to start using theming will help complete and fine tune CSS `var(...)` support. Related issue: - https://github.com/uBlockOrigin/uBlock-issues/issues/401
2020-04-13 13:19:58 +00:00
--fg-popup-power-hover: opacity(80%);
Fine tune CSS to restore intended visuals on fenix
2020-04-14 13:15:36 +00:00
--bg-popup-cell-1: hsla(261, 0%, 93%, 1);
--bg-popup-cell-2: rgb(224, 224, 230);
Sixth pass to re-design the dashboard Related commits: - https://github.com/gorhill/uBlock/commit/0662767dd62731320473e9c96a17077145a00610 - https://github.com/gorhill/uBlock/commit/99b2a0a761eec860132bc08680710c3c785f90b6 - https://github.com/gorhill/uBlock/commit/a8e3118feafd5c2d7c3e3d03727beff17f9928b4 - https://github.com/gorhill/uBlock/commit/453f5450b6e6550618bf97b5b0541f5f46c35d8e - https://github.com/gorhill/uBlock/commit/a45a21f337216d7d4aaddb5a454ed4842eca3806 This commit focuses on implementing the use of CSS `var(...)` throughout so as to make it easy to create themes -- a requirement for uBO to support a dark theme. There is still work to do regarding converting uBO's CSS to completely support `var(...)` but being able to start using theming will help complete and fine tune CSS `var(...)` support. Related issue: - https://github.com/uBlockOrigin/uBlock-issues/issues/401
2020-04-13 13:19:58 +00:00
--bg-popup-cell-label-filter: opacity(40%);
Fine tune CSS to restore intended visuals on fenix
2020-04-14 13:15:36 +00:00
--fg-popup-cell-cname: hsla(240, 100%, 40%, 1);
Sixth pass to re-design the dashboard Related commits: - https://github.com/gorhill/uBlock/commit/0662767dd62731320473e9c96a17077145a00610 - https://github.com/gorhill/uBlock/commit/99b2a0a761eec860132bc08680710c3c785f90b6 - https://github.com/gorhill/uBlock/commit/a8e3118feafd5c2d7c3e3d03727beff17f9928b4 - https://github.com/gorhill/uBlock/commit/453f5450b6e6550618bf97b5b0541f5f46c35d8e - https://github.com/gorhill/uBlock/commit/a45a21f337216d7d4aaddb5a454ed4842eca3806 This commit focuses on implementing the use of CSS `var(...)` throughout so as to make it easy to create themes -- a requirement for uBO to support a dark theme. There is still work to do regarding converting uBO's CSS to completely support `var(...)` but being able to start using theming will help complete and fine tune CSS `var(...)` support. Related issue: - https://github.com/uBlockOrigin/uBlock-issues/issues/401
2020-04-13 13:19:58 +00:00
--bg-popup-cell-allow: hsla(120, 40%, 75%, 1);
--bg-popup-cell-allow-own: hsla(120, 100%, 30%, 1);
--bg-popup-cell-noop: hsla(0, 0%, 75%, 1);
--bg-popup-cell-noop-own: hsla(0, 0%, 45%, 1);
--bg-popup-cell-block: hsla(0, 50%, 80%, 1);
--bg-popup-cell-block-own: hsla(0, 100%, 40%, 1);
--bg-popup-cell-label-mixed: hsla(45, 100%, 38%, 1);
--fg-popup-icon-x: hsla(0, 100%, 50%, 1);
}
More fine tuning of UI
2020-04-22 13:56:37 +00:00
/**
Use slightly darker inks on lower pixel-density devices to improve
contrast.
*/
@media (max-resolution: 150dpi) {
:root {
--default-ink: var(--ink-90);
More fine tuning of user interface The rendering of the total number of blocked requests will now be abbreviated using `M` and `G` when the block count is respectively above 1 million and 1 billion. The storage used figure in the Settings pane will be rendered using KB, MB or GB.
2020-04-23 12:45:43 +00:00
--button-ink: var(--ink-90);
More fine tuning of UI
2020-04-22 13:56:37 +00:00
--fieldset-header-ink: var(--ink-50);
--link-ink: var(--violet-80);
}
}
Sixth pass to re-design the dashboard Related commits: - https://github.com/gorhill/uBlock/commit/0662767dd62731320473e9c96a17077145a00610 - https://github.com/gorhill/uBlock/commit/99b2a0a761eec860132bc08680710c3c785f90b6 - https://github.com/gorhill/uBlock/commit/a8e3118feafd5c2d7c3e3d03727beff17f9928b4 - https://github.com/gorhill/uBlock/commit/453f5450b6e6550618bf97b5b0541f5f46c35d8e - https://github.com/gorhill/uBlock/commit/a45a21f337216d7d4aaddb5a454ed4842eca3806 This commit focuses on implementing the use of CSS `var(...)` throughout so as to make it easy to create themes -- a requirement for uBO to support a dark theme. There is still work to do regarding converting uBO's CSS to completely support `var(...)` but being able to start using theming will help complete and fine tune CSS `var(...)` support. Related issue: - https://github.com/uBlockOrigin/uBlock-issues/issues/401
2020-04-13 13:19:58 +00:00
/**
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);
--bg-popup-cell-allow-own: hsla(42, 100%, 50%, 1);
--bg-popup-cell-noop: hsla(0, 0%, 75%, 1);
--bg-popup-cell-noop-own: hsla(0, 0%, 45%, 1);
--bg-popup-cell-block: hsla(230, 25%, 75%, 1);
--bg-popup-cell-block-own: hsla(230, 100%, 25%, 1);
--bg-popup-cell-label-mixed: hsla(25, 100%, 50%, 1);
}
/* Default dark theme starts here */
More fine tuning of latest UI changes
2020-04-22 15:17:58 +00:00
:root.dark {
More fine tuning of various visuals Summarily: - Bring back horizontal layout for fenix popup panel to be used in desktop environment - Address feedback from https://github.com/gorhill/uBlock/commit/54b68ebd9426#commitcomment-38549940 - Allow future dark theme to be enabled programmatically
2020-04-18 13:48:53 +00:00
}
Sixth pass to re-design the dashboard Related commits: - https://github.com/gorhill/uBlock/commit/0662767dd62731320473e9c96a17077145a00610 - https://github.com/gorhill/uBlock/commit/99b2a0a761eec860132bc08680710c3c785f90b6 - https://github.com/gorhill/uBlock/commit/a8e3118feafd5c2d7c3e3d03727beff17f9928b4 - https://github.com/gorhill/uBlock/commit/453f5450b6e6550618bf97b5b0541f5f46c35d8e - https://github.com/gorhill/uBlock/commit/a45a21f337216d7d4aaddb5a454ed4842eca3806 This commit focuses on implementing the use of CSS `var(...)` throughout so as to make it easy to create themes -- a requirement for uBO to support a dark theme. There is still work to do regarding converting uBO's CSS to completely support `var(...)` but being able to start using theming will help complete and fine tune CSS `var(...)` support. Related issue: - https://github.com/uBlockOrigin/uBlock-issues/issues/401
2020-04-13 13:19:58 +00:00
More fine tuning of latest UI changes
2020-04-22 15:17:58 +00:00
:root.dark.colorBlind {
Fifth pass to re-design the dashboard Related commits: - https://github.com/gorhill/uBlock/commit/99b2a0a761eec860132bc08680710c3c785f90b6 - https://github.com/gorhill/uBlock/commit/a8e3118feafd5c2d7c3e3d03727beff17f9928b4 - https://github.com/gorhill/uBlock/commit/453f5450b6e6550618bf97b5b0541f5f46c35d8e - https://github.com/gorhill/uBlock/commit/a45a21f337216d7d4aaddb5a454ed4842eca3806 Fine tuned previous work. Started the use of variable-based color values.
2020-04-11 15:32:43 +00:00
}
Reference in a new issue Copy permalink