heierbtc/mynode
1
0
Fork 1
mirror of https://github.com/mynodebtc/mynode.git synced 2024-12-25 14:08:07 +00:00
Code Issues Projects Releases Wiki Activity

Improve dark mode and background CSS

Browse Source
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
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

14
rootfs/standard/var/www/mynode/static/css/mynode.css
View File

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

21
rootfs/standard/var/www/mynode/static/css/mynode_dark.css
View File

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