mirror of
https://gitlab.com/aviortheking/code-stats-vscode.git
synced 2025-04-22 10:52:13 +00:00
128 lines
2.0 KiB
CSS
128 lines
2.0 KiB
CSS
/* Dark theme color palette */
|
|
.vscode-dark {
|
|
--color-language: #dbd5b9;
|
|
--color-primary: #E3C23D;
|
|
--color-secondary: #5D5535;
|
|
--color-bar-background: #303030;
|
|
--color-bar-border: #424242;
|
|
}
|
|
|
|
/* Light theme color palette */
|
|
.vscode-light {
|
|
--color-language: #1B2334;
|
|
--color-primary: #5D78B3;
|
|
--color-secondary: #354567;
|
|
--color-bar-background: #939DB3;
|
|
--color-bar-border: #697080;
|
|
}
|
|
|
|
.profile {
|
|
color: var(--color-language);
|
|
}
|
|
|
|
h3 {
|
|
text-align: center;
|
|
}
|
|
|
|
sup {
|
|
top: -.5em;
|
|
font-size: 75%;
|
|
color: var(--color-primary);
|
|
}
|
|
|
|
.language-progress {
|
|
float: left;
|
|
position: relative;
|
|
width: 6rem;
|
|
height: 6rem;
|
|
}
|
|
|
|
.language-progress .tooltiptext {
|
|
visibility: hidden;
|
|
width: 120px;
|
|
background-color: var(--color-bar-border);
|
|
color: var(--color-language);
|
|
text-align: center;
|
|
border-radius: 6px;
|
|
padding: 5px 0;
|
|
position: absolute;
|
|
z-index: 1;
|
|
}
|
|
|
|
.language-progress:hover .tooltiptext {
|
|
visibility: visible;
|
|
}
|
|
|
|
.language-progress svg {
|
|
position: absolute;
|
|
top: 0;
|
|
left: 0;
|
|
right: 0;
|
|
bottom: 0;
|
|
transform: rotate(-90deg);
|
|
}
|
|
|
|
circle {
|
|
stroke-width: 5;
|
|
fill:transparent;
|
|
}
|
|
|
|
circle.backg {
|
|
stroke: var(--color-bar-background);
|
|
}
|
|
|
|
circle.newxp {
|
|
stroke: var(--color-primary);
|
|
}
|
|
|
|
circle.oldxp {
|
|
stroke: var(--color-secondary);
|
|
}
|
|
|
|
.language {
|
|
padding-top: 2rem;
|
|
margin: auto;
|
|
text-align: center;
|
|
color: var(--color-language);
|
|
}
|
|
|
|
.language span {
|
|
display: block;
|
|
font-weight: bold;
|
|
font-size: 1.1em;
|
|
}
|
|
|
|
.machines {
|
|
clear: both;
|
|
margin-top: 1rem;
|
|
padding-top: 1rem;
|
|
}
|
|
.machine {
|
|
float: none;
|
|
}
|
|
|
|
.progress {
|
|
height: 20px;
|
|
margin-bottom: 20px;
|
|
background-color: var(--color-bar-background);
|
|
border-radius: 4px;
|
|
border: solid 1px;
|
|
border-color: var(--color-bar-border);
|
|
}
|
|
|
|
.progress-bar {
|
|
float: left;
|
|
width: 0%;
|
|
height: 100%;
|
|
font-size: 12px;
|
|
line-height: 20px;
|
|
text-align: center;
|
|
background-color: var(--color-secondary);
|
|
}
|
|
|
|
.progress-bar-new {
|
|
background-color: var(--color-primary);
|
|
}
|
|
|
|
|