:root {
    --side-menu-background-color: #35be9dff;
--side-menu-background-color-to: #35be9dff;
--side-menu-current-app-background-color: #2fa68a;
--side-menu-loader-color: #000000;
--side-menu-text-color: #000000;
--side-menu-opener: url("/nextcloud/apps/side_menu/img/side-menu-opener-dark.svg");
--side-menu-icon-invert-filter: 0%;
--side-menu-icon-opacity: 1;
}

@media (prefers-color-scheme: light) {
  :root {
    --side-menu-background-color: #35be9dff;
--side-menu-background-color-to: #35be9dff;
--side-menu-current-app-background-color: #2fa68a;
--side-menu-loader-color: #68f1d0;
--side-menu-text-color: #000000;
--side-menu-opener: url("/nextcloud/apps/side_menu/img/side-menu-opener-hamburger.svg");
--side-menu-icon-invert-filter: 0%;
--side-menu-icon-opacity: 1;
  }
}

@media (prefers-color-scheme: dark) {
  --side-menu-background-color: #35be9dff;
--side-menu-background-color-to: #35be9dff;
--side-menu-current-app-background-color: #2fa68a;
--side-menu-loader-color: #000000;
--side-menu-text-color: #000000;
--side-menu-opener: url("/nextcloud/apps/side_menu/img/side-menu-opener-dark.svg");
--side-menu-icon-invert-filter: 0%;
--side-menu-icon-opacity: 1;
}

body[data-theme-dark], body[data-theme-dark-highcontrast] {
  --side-menu-background-color: #35be9dff;
--side-menu-background-color-to: #35be9dff;
--side-menu-current-app-background-color: #2fa68a;
--side-menu-loader-color: #000000;
--side-menu-text-color: #000000;
--side-menu-opener: url("/nextcloud/apps/side_menu/img/side-menu-opener-dark.svg");
--side-menu-icon-invert-filter: 0%;
--side-menu-icon-opacity: 1;
}

body[data-theme-light], body[data-theme-light-highcontrast] {
  --side-menu-background-color: #35be9dff;
--side-menu-background-color-to: #35be9dff;
--side-menu-current-app-background-color: #2fa68a;
--side-menu-loader-color: #68f1d0;
--side-menu-text-color: #000000;
--side-menu-opener: url("/nextcloud/apps/side_menu/img/side-menu-opener-hamburger.svg");
--side-menu-icon-invert-filter: 0%;
--side-menu-icon-opacity: 1;
}



  .cm-app-icon svg {
    width: 23px;
    height: 23px;
  }

  img.cm-app-icon {
    width: 23px;
    height: 23px;
  }

  .cm-app a {
    padding-left: 11px !important;
  }

  .cm-app-text {
    font-size: 16px;
  }

  #content {
    left: 53px;
    width: calc(100% - (var(--body-container-margin) * 2) - 62px);
  }

  #content-vue {
    width: calc(100% - (var(--body-container-margin) * 2) - 60px);
    margin-left: 11px;
  }