The Mythical Dark Llama by casithepython

/* ==UserStyle==
@name         The Mythical Dark Llama
@version      20230604.01.38
@namespace    userstyles.world/user/casithepython
@description  Changes the Llama Life productivity manager UI to dark mode.
@author       casithepython
@license      MIT
==/UserStyle== */

@-moz-document url-prefix("https://llamalife.co/tasks") {


/* Some titles in settings */
.hBYSaT {
    color: #F8F9FF;
}

/* Normal text */
.sc-pRcHn, .sc-psDXd, .sc-prQTI,.sc-pIxCL, .sc-qXjgK, .sc-psOQA, .sc-ptBTV, .sc-oUmZK, .sc-pdkQB, .sc-qXJKU, .sc-pAAKw  { 
    color: #F8F9FF;
}

.sc-pRcHn:hover, .sc-psDXd:hover, .sc-pdkQB:hover, .sc-pAAKw:hover {
    color: #BBBCC8
}
/* Background Rectangles in Settings and Presets */
.hFTajN, .sc-pIYbZ  {
    background-color: #40414B;
    box-shadow: #1F2029 0px 2px 3px;
}
/* Gradient on "Create Preset" button */
.fPyLRl, .sc-pkDYi {
    background: #1F2029;
}
/* Create Preset button */
.kZNENg {
    background: #40414B;
    color: #F8F9FF;
}
/* Soundscape Dropdown */
.sc-pbxEC {
    background-color: #40414B;
    box-shadow: #1F2029 1px 2px 3px;
}
/* Soundscape Dropdown Elements */
.sc-pReXV:hover {
    background-color: #5F606B;
}

/* --------------------*/

/* Add task button */
.cdfpMG, #addTodo {
    background: #40414B;
}
/* + on Add task button */
.sc-pAYia {
    color: #F8F9FF;
}
/* "Add task" */
.sc-qYhdC {
    color: #F8F9FF;
}
/* "Add task..."*/
.sc-pRDlx {
    color: #F8F9FF;
}
/* --------------------*/

/* Bottom Bar */
/* Time Text */
.sc-qYVps {
    color: #F8F9FF;
}
/* Background Color */
.sc-pbKro {
    background-color: #40414B;
    border-radius: 2pt;
}

/* --------------------*/

/* Modals */
.modal-content {
    background-color: #5F606B;
}
.modal-header, .modal-footer {
    background-color: #40414B;
}

/* --------------------*/

/* Top Bar */
.sc-qQIyP {
    background-color: #40414B;
    border-radius: 2pt;
}
/* Llama Life Text */
.sc-qYFre {
    color: #F8F9FF;
}
.sc-qYFre:hover {
    color: #BBBCC8;
}
/* Buttons */
svg {
    stroke: #F8F9FF;
}
svg:hover {
    stroke: #BBBCC8
}

/* --------------------*/

/* Timer */
.sc-pZNLs {
    color: #F8F9FF;
}
/* Task Name */
.sc-oTOtL {
    color: #F8F9FF;
}
/* Edit Time and Play Buttons are IMAGES*/

/* --------------------*/

/* Rectangular Buttons*/
.sc-ptScb{
    background-color: #40414B;
    color: #F8F9FF;
}
.sc-ptScb:hover {
    color: #BBBCC8;
}
/* Color Me */
.fzgnqR {
    background-color: #F8F9FF
}

/* --------------------*/

/* Most headings */
/* Background */
body {
    color: #F8F9FF;
    background-color: #5F606B;
}
/* Main task window */
.iwYbDT, .sc-pjIrY {
    background-color: #1F2029;
}
/* Task */
.fsumkj, .sc-qXUgY, .sc-pJsLC {
    box-shadow: #1F2029 0px 2px 3px;
}
.sc-pJsLC{
   background-color: #40414B;
}
.ccRamS, .jTbOhh {
    color: #F8F9FF;
}
}