dotfiles-arch/.config/wofi/style.css

/* Mocha Blue */
@define-color accent #89b4fa;
@define-color txt #cad3f5;
@define-color bg #24273a;
@define-color bg2 #494d64;

 * {
    font-family: 'FiraCode Nerd Font Mono', monospace;
    font-size: 14px;
 }

 /* Window */
 window {
    margin: 0px;
    padding: 5px;
    /*border: 3px solid @accent;*/
    /*border-radius: 7px;*/
    background-color: @bg;
    animation: slideIn 0.1s ease-in-out both;
 }

 /* Slide In */
 @keyframes slideIn {
    0% {
       opacity: 0;
    }

    100% {
       opacity: 1;
    }
 }

 /* Inner Box */
 #inner-box {
    margin: 5px;
    padding: 5px;
    border: none;
    background-color: @bg;
    animation: fadeIn 0.1s ease-in-out both;
 }

 /* Fade In */
 @keyframes fadeIn {
    0% {
       opacity: 0;
    }

    100% {
       opacity: 1;
    }
 }

 /* Outer Box */
 #outer-box {
    margin: 5px;
    padding: 5px;
    border: none;
    background-color: @bg;
 }

 /* Scroll */
 #scroll {
    margin: 0px;
    padding: 5px;
    border: none;
 }

 /* Input */
 #input {
    margin: 5px;
    padding: 5px;
    border: none;
    color: @accent;
    background-color: @bg2;
    animation: fadeIn 0.1s ease-in-out both;
 }

 /* Text */
 #text {
    margin: 5px;
    padding: 5px;
    border: none;
    color: @txt;
    animation: fadeIn 0.1s ease-in-out both;
 }

 /* Selected Entry */
 #entry:selected {
   background-color: @accent;
 }

 #entry:selected #text {
    color: @bg;
 }