f09f743636
- Get directly the particular css var that we want instead of on relying on a container - This makes things easier to maintain in the future - Use a new --color-canvas instead of relying on --color-main-background - color-main-background is used in many other places which means that if we want to have some particular UI brighter or darker it would affect the canvas. Better to use a different/new css var for that Signed-off-by: Pedro Pinto Silva <pedro.silva@collabora.com> Change-Id: I3d7d3ba188e96080d9f6f814a5c46f85ea378142
43 lines
1.5 KiB
CSS
43 lines
1.5 KiB
CSS
:root {
|
|
/*LibreOffice Colors: https://wiki.documentfoundation.org/Marketing/Branding#Colors
|
|
* this is the color prefab for light mode
|
|
----------------------------------[to do]*/
|
|
--blue1-txt-primary-color: 3, 105, 163;
|
|
--green0-txt-primary-color: 16, 104, 2; /*green1 lacks contrast against white*/
|
|
--orange1-txt-primary-color: 163, 62, 3;
|
|
--yellow0-txt-primary-color: 135, 105, 0; /*yellow1 lacks contrast against white*/
|
|
|
|
--color-main-text: #333333;
|
|
--color-text-dark: #333333; /* select */
|
|
--color-text-darker: #000; /* hover */
|
|
--color-text-lighter: #696969; /* secondard text, disabled */
|
|
|
|
--color-canvas: #F8F9FA;
|
|
--color-main-background: #F8F9FA;
|
|
--color-background-dark: #e8e8e8; /* select */
|
|
--color-background-darker: #c0bfbc; /* todo: apply to pressed (active), li:hover(top menu on classic mode)*/
|
|
--color-background-lighter: #fff; /* hover, toolbar, dialog, disabled */
|
|
--color-overlay: #1c5fa814;
|
|
|
|
--color-primary: #0b87e7; /* border-color */
|
|
--color-primary-text: #fff; /* text color when primary-lighter is background */
|
|
--color-primary-dark: #0063b1;
|
|
--color-primary-darker: #004b86;
|
|
--color-primary-lighter: #83beec; /* background-color */
|
|
|
|
--color-border: #b6b6b6;
|
|
--color-border-dark: #cecece; /* select */
|
|
--color-border-darker: #c0bfbc; /* hover */
|
|
--color-border-lighter: #f1f1f1; /* disabled */
|
|
|
|
--color-btn-border: #b6b6b6;
|
|
--color-btn-border-dis: #c0bfbc;
|
|
|
|
--color-error: #e9322d;
|
|
--color-warning: #eca700;
|
|
--color-success: #46ba61;
|
|
|
|
--color-cursor-blink-background: #000;
|
|
|
|
--color-box-shadow: rgba(77, 77, 77, 0.5);
|
|
}
|