@define-color text-color #eeeeee;
/* @define-color bg-panel-top #101010; */
@define-color bg-panel-top #3b4559;
@define-color bg-panel-bottom #3b4559;
@define-color bg-controls-window #36364f;


/***** SUGGESTED TO CHANGE CAREFULLY *****/

/* Recommended if panel "height"  unset or smaller then your theme default button height */
button {
    margin: 2px;
}

/* SwayTaskBar and SwayWorkspaces use custom widgets, that need this and the next name
   to highlight currently focused task / workspace. */
#task-box {
    padding-left: 0px;
    padding-right: 4px;
}
#task-box-focused {
    background-color: rgba (255, 255, 255, 0.12);
    padding-left: 0px;
    padding-right: 4px;
}


/* Top panel in sample config uses this name */
#panel-top {
    background: @bg-panel-top;
    color: @text-color;
}

/* Bottom panel in sample config uses this name */
#panel-bottom {
    background: @bg-panel-bottom;
    color: @text-color;
}

/* Controls window in sample config uses this name */
#controls-window {
    border-radius: 1rem;
    background: @bg-controls-window;
    color: @text-color;
}

/* Executors usually behave better in monospace fonts */
#executor-label {
    font-family: monospace
}

#clock {
    font-family: monospace;
    font-size: 1rem;
}

#weather {
    font-size: 1rem;
}

#btn-playerctl, #button-start {
  background-color: transparent;
  background-image: none;
  border: none;
  box-shadow: none;
}

/* Hides the workspace label before the list of windows */
#panel-bottom > box > box > box > box:first-child label:first-child {
  font-size: 0;
  padding: 0;
  margin: 0;
}

/* Text is too big */
#task-box, #task-box-focused {
  font-size: 0.8rem;
}

