diff --git a/metrics.plugin.topics.mastered.svg b/metrics.plugin.topics.mastered.svg
index 05cb2c313..3260ae331 100644
--- a/metrics.plugin.topics.mastered.svg
+++ b/metrics.plugin.topics.mastered.svg
@@ -252,6 +252,24 @@
border-radius: 32px;
font-size: 12px;
}
+ .label.label-flex {
+ display: flex;
+ }
+ .label .label-right {
+ display: flex;
+ align-items: center;
+ font-size: .7rem;
+ margin-left: 6px;
+ margin-right: -10px;
+ background-color: #58A6FF10;
+ padding: 0 7px;
+ border-top-right-radius: 32px;
+ border-bottom-right-radius: 32px;
+ }
+ .label .twemoji {
+ margin-top: .25em;
+ margin-left: 0px;
+ }
/* Habits */
.habits {
@@ -911,12 +929,33 @@
width: .8rem;
height: .8rem;
}
+ .field.contributors-category {
+ margin-left: 12px;
+ }
+ .contributors-categories img {
+ margin-right: 0;
+ }
-/* Introduction */
- .introduction {
+/* Introduction and sponsors */
+ .introduction, .sponsors {
white-space: normal;
margin: 0 13px 2px;
}
+ .sponsors.goal {
+ padding: 6px 8px;
+ border-radius: 5px;
+ background-color: #7777771F;
+ }
+ .sponsors .goal-text {
+ display: flex;
+ justify-content: space-between;
+ font-style: italic;
+ font-size: 10px;
+ margin-bottom: 4px;
+ }
+ .sponsors .avatar {
+ margin: 2px;
+ }
/* Stackoverflow */
.stackoverflow {
@@ -985,32 +1024,44 @@
.achievement .gauge.info {
color: #58A6FF;
}
+ .achievement .value {
+ background-color: #58A6FF26;
+ }
.achievement.x .title {
color: #666666;
}
.achievement.x .gauge.info {
color: #B0B0B0;
}
+ .achievement.x .value {
+ background-color: #B0B0B026;
+ }
.achievement.b .title {
color: #9D8FFF;
}
.achievement.b .gauge.info {
color: #9E91FF;
}
+ .achievement.b .value {
+ background-color: #9E91FF26;
+ }
.achievement.a .title {
color: #D79533;
}
.achievement.a .gauge.info {
color: #E7BD69;
}
+ .achievement.a .value {
+ background-color: #E7BD6926;
+ }
.achievement.s .title {
- color: #FF0000;
+ color: #EB355E;
}
.achievement.s .gauge.info {
- color: #FF0000;
+ color: #EB355E;
}
- .achievement.s .icon {
- filter: sepia() saturate(100);
+ .achievement.s .value {
+ background-color: #EB355E26;
}
.achievement.secret .title{
color: #FF76CD;
@@ -1018,7 +1069,10 @@
.achievement.secret .gauge.info {
color: #FF79D1;
}
- .achievement .gh {
+ .achievement.secret .value {
+ background-color: #FF79D126;
+ }
+ .achievement .gh, .achievement .value {
border: 1px solid currentColor;
border-radius: 16px;
font-size: 10px;
@@ -1028,6 +1082,44 @@
.achievement .gauge-base, .achievement .gauge-arc {
stroke-width: 6;
}
+ .achievement .value-wrapper {
+ margin-bottom: -50px;
+ margin-top: 36px;
+ display: none;
+ position: relative;
+ }
+ .achievement .value {
+ margin-left: 46px;
+ }
+ .achievements.compact {
+ display: flex;
+ flex-wrap: wrap;
+ }
+ .achievements.compact .achievement {
+ flex-direction: column-reverse;
+ align-items: center;
+ width: 80px;
+ }
+ .achievements.compact .info {
+ width: 100%;
+ }
+ .achievements.compact .achievement .title {
+ margin-bottom: 2px;
+ text-transform: capitalize;
+ text-align: center;
+ }
+ .achievements.compact .achievement .title .prefix {
+ min-height: 13px;
+ font-size: 10px;
+ display: block;
+ margin-bottom: -.25rem;
+ }
+ .achievements.compact .achievement .value-wrapper {
+ display: flex;
+ }
+ .achievements.compact .achievement .text, .achievements.compact .achievement .gh {
+ display: none;
+ }
/* RSS feed */
.rss {
@@ -1049,11 +1141,38 @@
overflow: hidden;
}
+/* Code snippet */
+ .snippet .body {
+ padding-left: 12px;
+ }
+ .snippet.additions {
+ color: #336543;
+ }
+ .snippet.deletions {
+ color: #9A5256;
+ }
+
/* Markdown and syntax highlighting */
.markdown b, .markdown i {
display: inline-block;
width: 97%;
}
+ .markdown p {
+ margin: 8px 0;
+ }
+ .markdown ul {
+ padding-left: 24px;
+ }
+ .markdown a {
+ color: #58a6ff;
+ text-decoration: none;
+ }
+ .markdown blockquote {
+ border-left: 4px solid #7777771F;
+ color: #777777;
+ margin: 0;
+ padding-left: 16px;
+ }
code {
background-color: #7777771F;
display: inline-block;
@@ -1068,6 +1187,15 @@
width: 97%;
margin-top: 4px;
}
+ span.code {
+ background-color: #7777771F;
+ padding: 1px 5px;
+ font-size: 80%;
+ border-radius: 6px;
+ color: #777777;
+ font-family: SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace;
+ margin: 0 4px -3px;
+ }
.token.comment {
color: #669900;
}
@@ -1088,7 +1216,27 @@
}
.token.trimmed {
font-style: italic;
- color: #77777760
+ color: #77777760;
+ }
+ .token.coord {
+ color: #D2A8FF;
+ font-weight: bold;
+ }
+ .token.inserted:not(.prefix) {
+ color: #AAD0B4DC;
+ background-color: #336543DC;
+ }
+ .token.deleted:not(.prefix) {
+ color: #EED2D0DC;
+ background-color: #9A5256DC;
+ }
+
+/* Typography */
+ .space {
+ margin-left: 7px;
+ }
+ .blue {
+ color: #58a6ff;
}
/* Charts */
diff --git a/metrics.plugin.topics.masteredd.svg b/metrics.plugin.topics.masteredd.svg
index 9417b4910..c508d2a35 100644
--- a/metrics.plugin.topics.masteredd.svg
+++ b/metrics.plugin.topics.masteredd.svg
@@ -251,6 +251,24 @@
border-radius: 32px;
font-size: 12px;
}
+ .label.label-flex {
+ display: flex;
+ }
+ .label .label-right {
+ display: flex;
+ align-items: center;
+ font-size: .7rem;
+ margin-left: 6px;
+ margin-right: -10px;
+ background-color: #58A6FF10;
+ padding: 0 7px;
+ border-top-right-radius: 32px;
+ border-bottom-right-radius: 32px;
+ }
+ .label .twemoji {
+ margin-top: .25em;
+ margin-left: 0px;
+ }
/* Habits */
.habits {
@@ -910,12 +928,33 @@
width: .8rem;
height: .8rem;
}
+ .field.contributors-category {
+ margin-left: 12px;
+ }
+ .contributors-categories img {
+ margin-right: 0;
+ }
-/* Introduction */
- .introduction {
+/* Introduction and sponsors */
+ .introduction, .sponsors {
white-space: normal;
margin: 0 13px 2px;
}
+ .sponsors.goal {
+ padding: 6px 8px;
+ border-radius: 5px;
+ background-color: #7777771F;
+ }
+ .sponsors .goal-text {
+ display: flex;
+ justify-content: space-between;
+ font-style: italic;
+ font-size: 10px;
+ margin-bottom: 4px;
+ }
+ .sponsors .avatar {
+ margin: 2px;
+ }
/* Stackoverflow */
.stackoverflow {
@@ -984,32 +1023,44 @@
.achievement .gauge.info {
color: #58A6FF;
}
+ .achievement .value {
+ background-color: #58A6FF26;
+ }
.achievement.x .title {
color: #666666;
}
.achievement.x .gauge.info {
color: #B0B0B0;
}
+ .achievement.x .value {
+ background-color: #B0B0B026;
+ }
.achievement.b .title {
color: #9D8FFF;
}
.achievement.b .gauge.info {
color: #9E91FF;
}
+ .achievement.b .value {
+ background-color: #9E91FF26;
+ }
.achievement.a .title {
color: #D79533;
}
.achievement.a .gauge.info {
color: #E7BD69;
}
+ .achievement.a .value {
+ background-color: #E7BD6926;
+ }
.achievement.s .title {
- color: #FF0000;
+ color: #EB355E;
}
.achievement.s .gauge.info {
- color: #FF0000;
+ color: #EB355E;
}
- .achievement.s .icon {
- filter: sepia() saturate(100);
+ .achievement.s .value {
+ background-color: #EB355E26;
}
.achievement.secret .title{
color: #FF76CD;
@@ -1017,7 +1068,10 @@
.achievement.secret .gauge.info {
color: #FF79D1;
}
- .achievement .gh {
+ .achievement.secret .value {
+ background-color: #FF79D126;
+ }
+ .achievement .gh, .achievement .value {
border: 1px solid currentColor;
border-radius: 16px;
font-size: 10px;
@@ -1027,6 +1081,44 @@
.achievement .gauge-base, .achievement .gauge-arc {
stroke-width: 6;
}
+ .achievement .value-wrapper {
+ margin-bottom: -50px;
+ margin-top: 36px;
+ display: none;
+ position: relative;
+ }
+ .achievement .value {
+ margin-left: 46px;
+ }
+ .achievements.compact {
+ display: flex;
+ flex-wrap: wrap;
+ }
+ .achievements.compact .achievement {
+ flex-direction: column-reverse;
+ align-items: center;
+ width: 80px;
+ }
+ .achievements.compact .info {
+ width: 100%;
+ }
+ .achievements.compact .achievement .title {
+ margin-bottom: 2px;
+ text-transform: capitalize;
+ text-align: center;
+ }
+ .achievements.compact .achievement .title .prefix {
+ min-height: 13px;
+ font-size: 10px;
+ display: block;
+ margin-bottom: -.25rem;
+ }
+ .achievements.compact .achievement .value-wrapper {
+ display: flex;
+ }
+ .achievements.compact .achievement .text, .achievements.compact .achievement .gh {
+ display: none;
+ }
/* RSS feed */
.rss {
@@ -1048,11 +1140,38 @@
overflow: hidden;
}
+/* Code snippet */
+ .snippet .body {
+ padding-left: 12px;
+ }
+ .snippet.additions {
+ color: #336543;
+ }
+ .snippet.deletions {
+ color: #9A5256;
+ }
+
/* Markdown and syntax highlighting */
.markdown b, .markdown i {
display: inline-block;
width: 97%;
}
+ .markdown p {
+ margin: 8px 0;
+ }
+ .markdown ul {
+ padding-left: 24px;
+ }
+ .markdown a {
+ color: #58a6ff;
+ text-decoration: none;
+ }
+ .markdown blockquote {
+ border-left: 4px solid #7777771F;
+ color: #777777;
+ margin: 0;
+ padding-left: 16px;
+ }
code {
background-color: #7777771F;
display: inline-block;
@@ -1067,6 +1186,15 @@
width: 97%;
margin-top: 4px;
}
+ span.code {
+ background-color: #7777771F;
+ padding: 1px 5px;
+ font-size: 80%;
+ border-radius: 6px;
+ color: #777777;
+ font-family: SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace;
+ margin: 0 4px -3px;
+ }
.token.comment {
color: #669900;
}
@@ -1087,7 +1215,27 @@
}
.token.trimmed {
font-style: italic;
- color: #77777760
+ color: #77777760;
+ }
+ .token.coord {
+ color: #D2A8FF;
+ font-weight: bold;
+ }
+ .token.inserted:not(.prefix) {
+ color: #AAD0B4DC;
+ background-color: #336543DC;
+ }
+ .token.deleted:not(.prefix) {
+ color: #EED2D0DC;
+ background-color: #9A5256DC;
+ }
+
+/* Typography */
+ .space {
+ margin-left: 7px;
+ }
+ .blue {
+ color: #58a6ff;
}
/* Charts */
@@ -1201,14 +1349,13 @@
- 
- 
+
