workona.com dark-purple by bastien-baloup

/* ==UserStyle==
@name         workona.com dark-purple
@version      20230708.16.32
@namespace    userstyles.world/user/bastien-baloup
@description  Style for the Workona Tab manager inspired by the dark-purple variant of the Zorin gtk theme
@author       bastien-baloup
@license      No License
==/UserStyle== */

/* ==UserStyle==
@name           workona.com dark-purple
@namespace      github.com/openstyles/stylus
@version        1.0.0
@description    Style for the Workona Tab manager inspired by the dark-purple varient of the Zorin gtk theme
@author         GFL07
==/UserStyle== */

@-moz-document domain("workona.com") {
/* main background */
  .style-module--root--70dec {
    background-color: #0c0b0e;
  }
  /* sidebar styles */
  #sidebar {
    background-color: #020104;
    margin: 0.5rem;
    color: #d8c4f1;
    padding-inline: 0.5rem;
    box-shadow: none;
  }
  #sidebar * {
    color: #d8c4f1;
  }
  
  /* styles of buttons and links of the sidebar */
  .style-module--root--e9ece:hover{
    background-color: #1a181e;
  }
  #popover, .style-module--selected--16599 {
    background-color: #d8c4f1 !important;
  }
  #popover *, .style-module--selected--16599 *{
    color: #1a181e !important;
  }
  
  
  /* right section styles */
  
  .style-module--root--8ad04, .style-module--root--8ad04 * {
    background-color: #020104;
    color: #d8c4f1;
  }
  .style-module--root--8ad04 {
    padding-inline: 0.5rem;
    margin: 0.5rem;
  }
  .style-module--viewItem--2ARyp:hover {
    color: #d8c4f1;
    opacity: 1;
  } 
  
  /* central part of the rigth section */
  
  .style-module--root--1n8dU, .style-module--root--1n8dU * {
    background-color: #0c0b0e;
  }
  
  /* buttons styles */
  /* use "body #___gatsby" in selector to ensure the properties have priority on !important of the original style */
  
  body #___gatsby button, body #___gatsby button * {
    background-color: transparent !important;
    color: #d8c4f1 !important;
  }
  body #___gatsby button:hover {
    background-color: #d8c4f1 !important;
  }
  body #___gatsby button:hover, body #___gatsby button:hover * {
    color: #0c0b0e !important;
  }
}