starlight-fullview-mode/styles/global.css

A minimalist plugin that collapses Starlight's sidebars and expands the main content to full width, creating a distraction-free, fullscreen-like reading experience. Toggle with a single click to focus purely on your content.

.toggle-left-side-bar-btn,.toggle-right-side-bar-btn {
  cursor: pointer;
  border: 1px solid grey;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  align-self: flex-end;
  cursor: pointer;
}

:root {
  --tablet-navbar-inset-inline-start: 50px;
}
.right-sidebar {
  width: auto !important;
}

.main-pane {
  flex: 1 0 78%;
}

.sl-container{
  width: 100%;
  max-width: none;
}

@media screen and (max-width: 800px) {
  .toggle-left-side-bar-btn{
    display: none;
  }
}