mirror/munki
1
0
Fork 0
mirror of https://github.com/munki/munki.git synced 2026-01-03 04:59:56 -06:00
Code Issues Packages Projects Releases Wiki Activity

Convert some CSS color definitions to hsl to make it easier to tweak gray shades for text colors

Browse Source
This commit is contained in:
Greg Neagle
2018-08-31 11:28:50 -07:00
parent 778ce8a104
commit 4e61340699
1 changed files with 21 additions and 21 deletions
Download Patch File Download Diff File Expand all files Collapse all files

42
code/apps/Managed Software Center/Managed Software Center/WebResources/base.css
View File

@@ -4,15 +4,15 @@
*/
html {
--background-color: white;
--text-color-emphasized: #151515;
--text-color-normal: #545454;
--text-color-subdued: #696969;
--text-color-warning: #CC0000;
--button-text-color-enabled: #ffffff;
--button-text-color-disabled: #bdbdbd;
--popup-menu-text-color: black;
--popup-menu-background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#eaeaea));
--background-color: hsl(0, 0%, 100%);
--text-color-emphasized: hsl(0, 0%, 8%);
--text-color-normal: hsl(0, 0%, 23%);
--text-color-subdued: hsl(0, 0%, 48%);
--text-color-warning: hsl(0, 100%, 40%);
--button-text-color-enabled: hsl(0, 0%, 100%);
--button-text-color-disabled: hsl(0, 0%, 74%);
--popup-menu-text-color: hsl(0, 0%, 0%);
--popup-menu-background: -webkit-gradient(linear, left top, left bottom, from(hsl(0, 0%, 100%)), to(hsl(0, 0%, 92%)));
--small-btn-background: -webkit-gradient(linear, 0% 0, 0% 100%, from(rgb(166, 168, 174)), to(rgb(157, 159, 164)));
--small-btn-background-active: -webkit-gradient(linear, left top, left bottom, from( #85868d), to( #7a7bb2));
--detail-btn-background: -webkit-gradient(linear, left top, left bottom, from(rgb(73,124,205)), to(rgb(47,79,143)));
@@ -22,15 +22,15 @@ html {
}
html[data-theme='dark'] {
--background-color: #242424;
--text-color-emphasized: #e7e7e7;
--text-color-normal: #cfcfcf;
--text-color-subdued: #b7b7b7;
--text-color-warning: #E00000;
--button-text-color-enabled: #000000;
--button-text-color-disabled: #696969;
--popup-menu-text-color: white;
--popup-menu-background: -webkit-gradient(linear, left top, left bottom, from(#4c4c4c), to(#5c5c5c));
--background-color: hsl(0, 0%, 14%);
--text-color-emphasized: hsl(0, 0%, 92%);
--text-color-normal: hsl(0, 0%, 77%);
--text-color-subdued: hsl(0, 0%, 62%);
--text-color-warning: hsl(0, 100%, 60%);
--button-text-color-enabled: hsl(0, 0%, 0%);
--button-text-color-disabled: hsl(0, 0%, 41%);
--popup-menu-text-color: hsl(0, 0%, 100%);
--popup-menu-background: -webkit-gradient(linear, left top, left bottom, from(hsl(0, 0%, 30%)), to(hsl(0, 0%, 38%)));
--small-btn-background: -webkit-gradient(linear, 0% 0, 0% 100%, from(rgb(166, 168, 174)), to(rgb(157, 159, 164)));
--small-btn-background-active: -webkit-gradient(linear, left top, left bottom, from(#E8E6FF), to( #F2F3FC));
--detail-btn-background: -webkit-gradient(linear, left top, left bottom, from(rgb(73,124,205)), to(rgb(47,79,143)));
@@ -68,12 +68,12 @@ h1, h2, h3, h4, h5, h6 {
li {
list-style-type: none;
disabled-list-style-position: outside
disabled-list-style-position: outside;
}
a {
text-decoration: none;
color: var(--text-color-emphasized)
color: var(--text-color-emphasized);
}
* {
@@ -95,7 +95,7 @@ option {
body, button, input {
font-family: -apple-system, "Helvetica Neue", "Helvetica", "Arial";
font-smooth: always;
-webkit-font-smoothing: antialiased
-webkit-font-smoothing: antialiased;
color: var(--text-color-normal);
}