Improve dark mode and background CSS

This commit is contained in:
Taylor Helsper 2021-05-15 20:47:43 -05:00
parent d3d5ca8bb4
commit f01b96cb99
2 changed files with 32 additions and 3 deletions

View File

@ -364,10 +364,10 @@ td, th {
font-size: 14px;
font-family: Arial, Helvetica, sans-serif;
border-collapse: collapse;
background-color: white;
}
.bitcoin_table_header {
font-size: 16px;
background-color: #FFFFFF;
font-weight: bold;
font-family: Arial, Helvetica, sans-serif;
}
@ -377,7 +377,7 @@ table.bitcoin_table tbody tr:nth-child(odd) td{
}
table.bitcoin_table tbody tr:nth-child(even) td{
background-color: #fff;
}
table.bitcoin_table td {
@ -605,7 +605,13 @@ a:link.ui-button, a:visited.ui-button, .ui-button {
margin: auto;
text-align: justify;
font-size: 14px;
margin-bottom: 30px;
margin-bottom: 20px;
padding: 0px 15px 15px 15px;
/* background-color: #f0f0f0; */
background-color: #f8f8f8;
border-radius: 10px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
}
.divider {
width: 100%;
@ -646,6 +652,7 @@ a:link.ui-button, a:visited.ui-button, .ui-button {
.pair_wallet_text {
margin: auto;
margin-top: 15px;
width: 1000px;
font-size: 10px;
line-height: 1.2;
@ -756,6 +763,7 @@ a:link.ui-button, a:visited.ui-button, .ui-button {
overflow-y: scroll;
border: 2px solid #222222;
border-radius: 5px;
background-color: #f8f8f8;
}
.login_div {
width: 300px;

View File

@ -1,4 +1,9 @@
/* mynode color: #f9c132 - not used in UI*/
/* background color: #1B2127 */
/* settings tiles: #20242B */
/* tile color: #121C21 */
/* dark grey for background: #303841 */
/* lighter gray: #3a4750 */
/* light gray: #ddd */
@ -33,6 +38,7 @@ a:active {
.instructions,
.device_status_info,
.bitcoin_block,
.pair_wallet_text,
.app_tile_lightning_details,
.lightning_channel_container,
.settings_block_subheader,
@ -70,6 +76,13 @@ table,
background-color: orange;
}
.bitcoin_table {
background-color: #1b2127;
}
.settings_block {
background-color: #121C21;
}
.bitcoin_table_header {
border-bottom: 2px solid gray;
background-color: unset;
@ -110,6 +123,13 @@ th td {
background-color: #3a4854;
}
.install_button {
color: #222 !important;
}
.uninstall_button {
color: #222 !important;
}
.loading_spinner_overlay {
color: #ddd;
background-color: #303841;
@ -145,6 +165,7 @@ input:focus + .slider {
.cli_contents {
border: 2px solid #222222;
background-color: #20242b;
}
.config_textarea {
color: #ddd;