Dark mode #14

New Issue

2021-02-28T00:43:56+01:00

MK13 commented

2021-02-28 00:43:56 +01:00

(Migrated from 77zzcx7.de)

No description provided.

MK13 commented

2021-02-28 23:21:01 +01:00

(Migrated from 77zzcx7.de)

body {
    color: #7f7f7f;
    background-color: #1d1f21;
}

a {
    color: #87ab63; 
}

#account-overview-table th,
#account-overview-table td,
#transaction-table th,
#transaction-table td,
#recurring-transaction-list-table th,
#recurring-transaction-list-table td {
    border-bottom: 1px solid #7f7f7f;
    padding: 0.3em;
    vertical-align: top;
}

#account-overview-table th,
#transaction-table th,
#recurring-transaction-list-table th {
    position: sticky;
    top: 0px;
    background-color: #1d1f21;
}

tr:hover {
    background-color: lightgrey; /* mhh */
}

Perhaps define all these colors as CSS variables and use those

``` body { color: #7f7f7f; background-color: #1d1f21; } a { color: #87ab63; } #account-overview-table th, #account-overview-table td, #transaction-table th, #transaction-table td, #recurring-transaction-list-table th, #recurring-transaction-list-table td { border-bottom: 1px solid #7f7f7f; padding: 0.3em; vertical-align: top; } #account-overview-table th, #transaction-table th, #recurring-transaction-list-table th { position: sticky; top: 0px; background-color: #1d1f21; } tr:hover { background-color: lightgrey; /* mhh */ } ``` Perhaps define all these colors as CSS variables and use those

MK13 commented

2021-02-28 23:21:41 +01:00

(Migrated from 77zzcx7.de)

Expense history background should be dark as well. Perhaps new parameter ?darkMode=true

MK13 commented

2021-03-01 23:45:04 +01:00

(Migrated from 77zzcx7.de)

Solved

Sign in to join this conversation.

1 Participants

Notifications

Due Date

No due date set.

Dependencies

No dependencies set.

Reference: MK13/financer#14