1
0
Fork 0
mirror of https://we.phorge.it/source/phorge.git synced 2024-11-11 17:32:41 +01:00
phorge-phorge/webroot/rsrc/css/application/config/config-options.css
Chad Little 2f26dd76de Lots of little fixes for Dark Mode (Experimental)
Summary: Cleans up a bunch of Differential odd/special colors. Adds some basic "highlight" colors instead of pure yellow.

Test Plan: Test each color change in normal and dark modes.

Reviewers: epriestley

Reviewed By: epriestley

Subscribers: Korvin

Differential Revision: https://secure.phabricator.com/D18239
2017-07-19 14:41:23 -07:00

56 lines
1 KiB
CSS

/**
* @provides config-options-css
*/
.config-option-table {
width: 100%;
border-collapse: collapse;
border: 1px solid {$thinblueborder};
background: {$page.content};
}
.config-option-table th,
.config-option-table td {
padding: 4px 12px;
border: 1px solid {$lightgreyborder};
}
.config-option-table th {
background: {$lightgreybackground};
color: {$bluetext};
text-align: right;
white-space: nowrap;
}
.config-option-table th em,
.config-option-table td em {
font-weight: normal;
color: {$greytext};
}
.config-option-table td {
color: {$darkgreytext};
width: 100%;
white-space: pre-wrap;
}
.config-option-table .column-labels th {
font-weight: bold;
color: {$bluetext};
text-align: center;
background: {$greybackground};
}
.config-options-current-value {
padding: 0 8px 6px;
white-space: pre-wrap;
}
.config-options-current-value span {
color: {$greytext};
}
.config-options-effective-value,
.config-option-table .config-options-effective-value th {
background: {$gentle.highlight};
}