custom.css

:root {
    --v-panel-base: transparent;
    --v-secondary-base: #1b85b8;
}

.v-sheet.v-card {
    box-shadow: none;
    border-radius: 1em!important;
}

.theme--dark.v-data-table {
    background: transparent;
    color: #fff;
}

.theme--dark.v-data-table>.v-data-table__wrapper>table>tbody>tr:hover:not(.v-data-table__expanded__content):not(.v-data-table__empty-wrapper) {
    background: rgb(34 30 37 / 30%);
}

.v-menu__content {
    backdrop-filter: blur(40px);
    -webkit-backdrop-filter: blur(40px);
    border-radius: 1em;
}

.theme--dark.v-card {
    background: transparent;
    border-radius: 1em;
}

.theme--dark.v-text-field--solo>.v-input__control>.v-input__slot {
    background: rgb(34 30 37 / 10%);
    border-radius: 0.5em;
}

.theme--dark.v-btn.v-btn--has-bg {
    background: rgb(34 30 37 / 20%);
}

.theme--dark.v-btn-toggle:not(.v-btn-toggle--group) {
    background: none;
}

.v-application .grey.darken-3 {
    background: rgb(34 30 37 / 30%)!important;
}

.v-dialog {
    border-radius: 1em;
    backdrop-filter: blur(40px);
    -webkit-backdrop-filter: blur(40px);
}

.theme--dark.v-tabs>.v-tabs-bar {
    background: rgb(34 30 37 / 5%);
}

.theme--dark.v-list {
    background: transparent;
}

.v-sheet.v-list {
    border-radius: 1em!important;
}

.theme--dark.v-tabs-items {
    background-color: transparent;
}

.webcamImage {
    border-bottom-left-radius: 1em;
    border-bottom-right-radius: 1em;
    border-top-left-radius: 0!important;
    border-top-right-radius: 0!important;
}

.menu__content.theme--dark.menuable__content__active {
    background: rgb(34 30 37 / 90%);
}

.v-list.v-sheet.theme--dark.v-list--dense {
    background: rgb(31 41 45 / 90%);
}

.v-text-field--outlined, .v-text-field--solo {
    border-radius: 10px;
}

.theme--dark.v-list-item.v-list-item--highlighted:before {
    opacity: .12;
}

.v-menu__content.theme--dark.v-menu__content--fixed.menuable__content__active {
    background: rgb(34 30 37 / 90%);
}

.v-card.v-sheet.theme--dark.panel.settings-menu-dialog {
    background: rgb(34 30 37 / 20%)!important;
    backdrop-filter: blur(40px);
    -webkit-backdrop-filter: blur(40px);
}

.theme--dark.v-toolbar.v-sheet {
    background-color: rgb(34 30 37 / 40%)!important;
    backdrop-filter: blur(40px);
    -webkit-backdrop-filter: blur(40px);
}

.v-card>*:last-child:not(.v-btn):not(.v-chip):not(.v-avatar) {
    background: rgb(34 30 37 / 30%)!important;
}

.os-host-overflow {
    overflow: hidden!important;
    border-bottom-right-radius: 1em;
    border-bottom-left-radius: 1em;
}

.topbar .v-toolbar__content{
    height: 70px !important;
}

.v-sheet.v-app-bar.v-toolbar:not(.v-sheet--outlined) {
    height: 70px !important;
}

.v-main{
    padding-top: 80px!important;
}

.expanded header.v-toolbar {
    border-bottom-left-radius: 1em !important;
    border-bottom-right-radius: 1em !important;
}

.viewer {
    opacity: 0.7;
    border-radius: 1em;
}

.v-btn.v-size--default {
    border-radius: 10px;
}

.topbar .v-btn {
    height: 70%!important;
}

.v-sheet.v-card:not(.v-sheet--outlined) {
    box-shadow: none;
}

.theme--dark.v-text-field--outlined:not(.v-input--is-focused):not(.v-input--has-state)>.v-input__control>.v-input__slot fieldset {
    box-shadow: 0 3px 6px -2px #0003, 0 2px 2px #a3a3a324, 0 1px 5px #1212121f;
}

.v-list-item--link:before {
    border-radius: 10px;
}

.active-nav-item {
    border-radius: 12px !important;
}

.v-navigation-drawer__content {
    padding-top: 40px;
}

.v-input--selection-controls__ripple {
    border-radius: 30%;
    height: 24px;
    width: 24px;
    left: -8px;
    top: calc(50% - 20px);
    margin: 8px;
}

::-webkit-scrollbar {
    background: rgba(25, 25, 25, 0.2)!important;
}

.dragable-item {
    background-color: rgb(34 30 37 / 40%) !important;
    border-radius: 1em !important;
}

.v-navigation-drawer__image {
    opacity: 0.5;
}

.theme--dark.v-navigation-drawer {
    background-color: transparent;
}

.v-btn--is-elevated {
    box-shadow: none;
}

.v-btn:not(.v-btn--outlined).primary, .v-btn:not(.v-btn--outlined).secondary, .v-btn:not(.v-btn--outlined).accent, .v-btn:not(.v-btn--outlined).success, .v-btn:not(.v-btn--outlined).error, .v-btn:not(.v-btn--outlined).warning, .v-btn:not(.v-btn--outlined).info {
    box-shadow: inset 0px 0px 30px 4px rgba(0,0,0,0.2);
}

img {
    border-radius: 6px !important;
}

.v-alert:not(.v-sheet--tile) {
    border-radius: 1em!important;
}

.v-application--is-ltr .v-alert__border--left {
    border-top-left-radius: 25px;
    border-bottom-left-radius: 25px;
}

.v-alert--dense .v-alert__border {
    border-width: thick;
}

.v-btn.v-btn--is-elevated.v-btn--has-bg.v-btn--tile.theme--dark.v-size--default.warning {
    background: rgb(255 159 9 / 70%)!important;
}

button.v-btn.v-btn--is-elevated.v-btn--has-bg.theme--dark.v-size--small.warning {
    background: rgb(255 159 9 / 70%)!important;
}

button.v-btn.v-btn--is-elevated.v-btn--has-bg.theme--dark.v-size--small.success {
    background: rgb(50 179 64 / 70%)!important;
}

.webcamFpsOutput {
    background: rgb(37 37 37 / 90%)!important;
    border-bottom-right-radius: 12px!important;
    border-top-left-radius: 8px!important;
}

.webcamStream {
    border-bottom-right-radius: 1em;
    border-bottom-left-radius: 1em;
    border-top-left-radius: 0!important;
    border-top-right-radius: 0!important;
}

video {
    border-radius: 1em;
}

.tempchart {
    width: 96%!important;
}