Custom styles.less

styles.less

// to be used with Gloom syntax theme
@import "syntax-variables";

// custom styles for atom-choose-pane
.choose-pane {
  color: @syntax-text-color;
  color: rgba(255,255,255,1);
  font-family: -apple-system, BlinkMacSystemFont, sans-serif;
  font-weight: 200;
  &::after {
    font-family: 'SFMono-Regular';
    font-size: 10px;
    content: 'Switch to this pane.';
    background-color: rgba(100,184,30,.75);
    padding: .4rem 1rem .4rem;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
  }
  &.active {
    background-color: rgba(0,0,0,0.6);
    color: @syntax-text-color;
    &::after {
      background-color: rgba(0,139,247,.75);
      content: '✓ Current pane. Switch current tab with [ or ].';
      color: @syntax-text-color;
    }
  }
  &.last-focused {
    text-decoration: none;
    &::after {
      background-color: rgba(164,33,243,.75);
      content: 'Switch to this pane. (last-focused)';
    }
  }
}

// hide 1px border on atom-panel.bottom when choose-pane is invoked
atom-panel.bottom {
  border: none;
}
// end of custom styles for atom-choose-pane

// custom styles for vim-mode-plus maximize pane
atom-workspace.vim-mode-plus--pane-maximized {
  atom-pane-container {
    position: relative;
    atom-pane-axis:not(.vim-mode-plus--active-pane-axis) {
      display: none;
    }
    atom-pane {
      .item-views {
        background: @syntax-background-color !important;
      }
      display: none;
      &.active {
        display: flex;
        position: absolute;
        top: 0;
        right: 0;
        left: 0;
        bottom: 0;
        z-index: 100;
      }
    }
  }
  atom-text-editor:not(.mini) {
    margin-left: 20%;
    width: 60%;
  }
  &.vim-mode-plus--hide-tab-bar {
    .tab-bar {
      display: none;
    }
  }
  &.vim-mode-plus--hide-status-bar {
    .status-bar {
      display: none;
    }
  }
}
// end of custom styles for vim-mode-plus maximize pane

// custom styles for indent-guide-improved
.indent-guide-improved {
  background-color: fade(@syntax-text-color,10%);
  &.indent-guide-stack {
    background-color: fade(@syntax-text-color,30%);
    &.indent-guide-active {
      background-color: @syntax-type-string;
    }
  }
}
// end of custom styles for indent-guide-improved

// custom styles for relative-number
atom-text-editor.editor .relative.current-line {
  color: @syntax-type-string;
}
// end of custom styles for relative-number