Custom CSS / More theming options

[rhyst]

Describe the solution you'd like
I'd like to be able to customise the theming of the app.

Describe alternatives you've considered
I can use an extension like stylus to do this but it would be better to support in app and there are styles that are hard to override (the gradient on hover being one of them).

Additional context
The actual styling is just aesthetic taste of course but I personally preferred less rounding/spacing/gradients so I ended up with the following styles, as well as disabling the various nav buttons.

nav {
    padding: 0 !important;
    width: 15em !important;
}


#main.moveWithSidebar {
    padding-left: 15em;
}

.headline-card {
    background: none !important;
    box-shadow: none !important;
    padding: 0 .5em !important;
    border-radius: 0 !important;
}

.sources {
    background: none !important;
    align-items: start !important;
    box-shadow: none !important;
    padding: .5em;
}

.source-button {
    background: var(--primaryColor) !important;
}

.action,
.gallery-size {
    border-radius: 2px !important;
}

.header {
    background: none !important;
    border: none !important;
    padding: .5em !important;
}

.item {
    background: none !important;
    box-shadow: none !important;
    border: none !important;
}

.item:hover {
    box-shadow: none !important;
    transform: scale(1) !important;
    background: var(--alt-background) !important;
    border-radius: 2px !important;
}

.card {
    background: var(--alt-background) !important;
    box-shadow: none !important;
    padding: 0 .5em !important;
    border-radius: 0 !important;
    border: none !important;
}

.settings-card {
    padding: .5em !important;
    text-align: left;
}

.settings-card:hover {
    background: var(--alt-background) !important;
}

.settings-items > .item {
    padding: .5em 0;
}

.card-content h3 {
    text-align: left !important;
}

.card-title {
    display: flex;
    align-items: center;
}

[gtsteffaniak]

this is slated for 0.8.x as part of general sharing and UI updates.

[gtsteffaniak]

Surprise - its in 0.7.17!

I also provide a reduce-rounded-corners.css you can use out of the box or use as a reference template.

I implemented in a way you can either do a global override via customCSS or allow each user to choose their preferred CSS override theme.

[rhyst]

This is very good, thank you!