82 lines
1.3 KiB
CSS
82 lines
1.3 KiB
CSS
@define-color base03 #002b36;
|
|
@define-color base02 #073642;
|
|
@define-color base01 #586e75;
|
|
@define-color base00 #657b83;
|
|
@define-color base0 #839496;
|
|
@define-color base1 #93a1a1;
|
|
@define-color base2 #eee8d5;
|
|
@define-color base3 #fdf6e3;
|
|
@define-color yellow #b58900;
|
|
@define-color orange #cb4b16;
|
|
@define-color red #dc322f;
|
|
@define-color magenta #d33682;
|
|
@define-color violet #6c71c4;
|
|
@define-color blue #268bd2;
|
|
@define-color cyan #2aa198;
|
|
@define-color green #859900;
|
|
|
|
#entry {
|
|
border-radius: 5px;
|
|
padding: 5px;
|
|
margin: 0px 4px 0px 4px;
|
|
color: @base01;
|
|
}
|
|
|
|
@keyframes fadeIn {
|
|
from {opacity: 0;}
|
|
to {opacity: 1;}
|
|
}
|
|
|
|
#entry:selected {
|
|
background-color: @base3;
|
|
padding: 5px;
|
|
color: @base1;
|
|
}
|
|
|
|
#entry:focus {
|
|
border: 1px solid @orange;
|
|
}
|
|
|
|
#text {
|
|
color: @base01;
|
|
}
|
|
#text:selected {
|
|
color: @base1;
|
|
}
|
|
|
|
|
|
#window {
|
|
animation-name: fadeIn;
|
|
animation-duration: 0.2s;
|
|
font-family: JetBrainsMono;
|
|
font-size: 14px;
|
|
background-color: @base2;
|
|
}
|
|
|
|
#input {
|
|
border: none;
|
|
border-radius: 10px;
|
|
margin: 5px 5px 5px 5px;
|
|
padding: 8px;
|
|
background-color: @base3;
|
|
color: @base01;
|
|
}
|
|
|
|
#input:focus *{
|
|
border: none;
|
|
}
|
|
|
|
#input:focus {
|
|
border: 1px solid @orange;
|
|
}
|
|
|
|
#inner-box {
|
|
border-radius: 10px;
|
|
margin: 5px;
|
|
padding-top: 5px;
|
|
}
|
|
|
|
#outer-box {
|
|
border-radius: 10px;
|
|
padding: 5px;
|
|
}
|