avior/code-stats-vscode
1
0
Fork 0
mirror of https://gitlab.com/aviortheking/code-stats-vscode.git synced 2025-08-06 00:21:58 +00:00
Code Issues Packages Projects Releases Wiki Activity

Playing with colors

Browse Source
This commit is contained in:
Valentin Ivanov
2018-04-26 16:59:26 -04:00
committed by Juha Ristolainen
parent 674f657acb
commit 2343164b29
2 changed files with 78 additions and 86 deletions
Download Patch File Download Diff File Expand all files Collapse all files

49
assets/profile.css
View File

@@ -1,15 +1,27 @@
/* Dark theme color palette */
.vscode-dark {
--color-language: #dbd5b9;
--color-primary: #E3C23D;
--color-secondary: #5D5535;
--color-bar-background: #303030;
}
.vscode-dark1 {
--color-language: #ddca7e;
--color-primary: #dcc97e;
--color-secondary: #00ca7e;
--color-secondary: #318245;
--color-bar-background: #303030;
}
/* Light theme color palette */
.vscode-light {
--color-language: blue;
--color-primary: #00ca7e;
}
}
.profile {
color: var(--color-language);
}
h3 {
text-align: center;
@@ -18,6 +30,7 @@ h3 {
sup {
top: -.5em;
font-size: 75%;
color: var(--color-primary);
}
.language-progress {
@@ -59,23 +72,23 @@ circle {
fill:transparent;
}
circle.backg {
stroke: #424242;
circle.backg {
stroke: var(--color-bar-background);
}
circle.newxp {
stroke: #ddca7e;
stroke: var(--color-primary);
}
circle.oldxp {
stroke: #318245;
stroke: var(--color-secondary);
}
.language {
padding-top: 2rem;
margin: auto;
text-align: center;
color: var(--color-language);
color: var(--color-language);
}
.language span {
@@ -96,7 +109,7 @@ circle.oldxp {
.progress {
height: 20px;
margin-bottom: 20px;
background-color: #303030;
background-color: var(--color-bar-background);
border-radius: 4px;
border: solid 1px;
border-color: #424242;
@@ -111,26 +124,14 @@ circle.oldxp {
font-size: 12px;
line-height: 20px;
text-align: center;
background-color: #ddca7e;
background-color: var(--color-secondary);
-webkit-box-shadow: inset 0 -1px 0 rgba(0,0,0,.15);
box-shadow: inset 0 -1px 0 rgba(0,0,0,.15);
-webkit-transition: width .6s ease;
-o-transition: width .6s ease;
transition: width .6s ease;
}
.progress-bar-success {
background-color: #318245;
.progress-bar-new {
background-color: var(--color-primary);
}
.sr-only {
position: absolute;
width: 1px;
height: 1px;
margin: -1px;
padding: 0;
overflow: hidden;
clip: rect(0,0,0,0);
border: 0;
}