html {
  background-color: var(--middle-background);
}

.app {
  width: 100%;
  height: 100%;
  overflow: hidden;
  color: var(--text-grey);
  display: flex;
  flex-wrap: wrap;
}

.none,
.top {
  flex-direction: row;
  justify-content: space-between;
  border-bottom: solid 1px var(--text-teal);
  align-items: center;
}

.left,
.right {
  flex-direction: column;
  justify-content: space-between;
}

.right {
  border-left: solid 1px var(--text-teal);
}

.left {
  border-right: solid 1px var(--text-teal);
}

.drag-handle {
  -webkit-app-region: drag;
}

:root {
  --launcher-border: solid 2px var(--text-teal);
}

html {
  background-color: var(--middle-background);
}

.app {
  width: 100%;
  height: 100%;
  overflow: hidden;
  color: var(--text-grey);
  display: flex;
  flex-wrap: wrap;
}

.none,
.top {
  flex-direction: row;
  justify-content: space-between;
  border-bottom: var(--launcher-border);
  align-items: center;
}

.left,
.right {
  flex-direction: column;
  justify-content: space-between;
}

.right {
  border-left: var(--launcher-border);
}

.left {
  border-right: var(--launcher-border);
}

.drag-handle {
  -webkit-app-region: drag;
}

Add css root to launcher variables
Add css root to launcher variables
