dotfiles/dotconfig/eww/perf_widget/perf.scss

.perf {
    border-radius: 20px;
    padding: 10px 20px;
    background: rgba(40, 31, 30, 0.5);
}


.proc_box {
    margin-left: 4px;
    margin-right: 4px;
}

.perf_bar {
    /*color: #FFFFFF;*/
    /*background: #1d2021;*/
    margin: 3px 6px;

    progress {
        min-width: 25px;
        border-radius: 4px;
        background: #ff5d00;
    }
}


.perf_box {
    margin-left: 8px;
    margin-right: 4px;
}


.bat_bar {
    margin: 3px 3px;

    progress {
        min-width: 19px;
        border-radius: 4px;
        background: #ff9900;
    }
}


.ram_bar {
    margin: 3px 3px;

    progress {
        min-width: 19px;
        border-radius: 4px;
        background: #ff8866;
    }
}

.swap_bar {
    margin: 3px 3px;

    progress {
        min-width: 19px;
        border-radius: 4px;
        background: #444444;
    }
}

.perf_label {
    color: #FFA500;
    margin-top: 3px;
    padding: 5px 10px 5px 10px;
    background: rgba(54,42,40,1.0);
    border-radius: 10px;
    
}

.val_label {
    color: #FFA500;
    margin: 3px 0px 3px 4px;
    padding: 5px 10px 5px 10px;
    background: rgba(54,42,40,1.0);
    border-radius: 10px;
}


.disks_box {
    color: #FFA500;
    margin: 3px 0px 3px 0px;
    padding: 5px 10px 5px 10px;
    background: rgba(54,42,40,1.0);
    border-radius: 10px;
}


.disk_bar {
    margin: 3px 3px;
    background: rgba(45,21,20,1.0);
    border-radius: 4px;

    progress {
        /*min-width: 10px;*/
        border-radius: 4px;
        background: #aacc44;

    }
}