| | |
| | | /*height: var(--btn);*/ |
| | | /*padding: 0!important;*/ |
| | | /*background-color: var(--base);*/ |
| | | /*box-shadow: rgba(var(--base-rgb),var(--op-45)) var(--shdw);*/ |
| | | /*box-shadow: rgba(var(--base),var(--op-45)) var(--shdw);*/ |
| | | padding: 0; |
| | | } |
| | | main>* { |
| | |
| | | min-height: 0; |
| | | width: var(--chipchip); |
| | | height: var(--chipchip); |
| | | background-color: rgba(var(--base-rgb), var(--op-45)); |
| | | background-color: rgba(var(--base), var(--op-45)); |
| | | } |
| | | .item-actions button:hover { |
| | | background-color: var(--base); |
| | |
| | | color: var(--base-200); |
| | | } |
| | | .all-filters .radio-options input:not(.ch):checked + label { |
| | | box-shadow: rgba(var(--base-rgb),var(--op-6)) var(--shdw-inset); |
| | | box-shadow: rgba(var(--base),var(--op-6)) var(--shdw-inset); |
| | | color: var(--contrast-200); |
| | | border-color: var(--contrast-200); |
| | | } |
| | |
| | | padding: 1rem; |
| | | position: relative; |
| | | transition: all var(--trans-base); |
| | | box-shadow: rgba(var(--base-rgb),var(--op-45)) var(--shdw); |
| | | box-shadow: rgba(var(--base),var(--op-45)) var(--shdw); |
| | | } |
| | | .integration.connected { |
| | | border-color: var(--success); |
| | | } |
| | | .integration.error, |
| | | .integration.disconnected { |
| | | border-color: var(--error); |
| | | border-color: rgb(var(--error)); |
| | | } |
| | | .integration.hasChanges { |
| | | border-color: var(--warning); |
| | |
| | | } |
| | | .integration .disconnected .indicator, |
| | | .integration .setup .disconnected { |
| | | color: var(--error); |
| | | color: rgb(var(--error)); |
| | | } |
| | | .integration.hasChanges .disconnected { |
| | | color: var(--warning); |
| | |
| | | --b: var(--success); |
| | | } |
| | | .flash.disconnected { |
| | | --b: var(--error); |
| | | --b: rgb(var(--error)); |
| | | } |
| | | .flash.syncing { |
| | | --b: var(--success); |
| | |
| | | flex-direction: column; |
| | | } |
| | | .item-grid.stats .card.highlight { |
| | | box-shadow: var(--contrast-rgb) var(--shadow); |
| | | box-shadow: var(--contrast) var(--shadow); |
| | | background-color: var(--action-200); |
| | | color: var(--action-contrast); |
| | | grid-column: 1/-1; |
| | |
| | | |
| | | nav.sidebar { |
| | | --wrap: nowrap; |
| | | --dir: column; |
| | | position: fixed; |
| | | top: var(--btn); |
| | | bottom: 0; |
| | |
| | | z-index: var(--z-4); |
| | | height: calc(100% - var(--btn)); |
| | | background-color: var(--base); |
| | | box-shadow: rgba(var(--base-rgb),var(--op-45)) var(--shdw); |
| | | box-shadow: rgba(var(--base),var(--op-45)) var(--shdw); |
| | | width: var(--btn); |
| | | transition: var(--trans-size); |
| | | overflow: hidden auto; |
| | |
| | | width: var(--btn); |
| | | height: var(--btn); |
| | | z-index: var(--z-8); |
| | | box-shadow: rgba(var(--base-rgb), var(--op-45)) var(--shdw); |
| | | box-shadow: rgba(var(--base), var(--op-45)) var(--shdw); |
| | | } |
| | | |
| | | nav.sidebar .title { |