borgbackup/borg
1
0
Fork 0
mirror of https://github.com/borgbackup/borg.git synced 2026-10-12 02:11:36 +00:00
Code Issues Packages Projects Releases Wiki Activity

fame.py: use the borg green for the chart bars

Browse Source 
The logo green (#00dd00) is made for a dark background; on white it only
reaches a contrast of 1.9:1, so the light scheme uses a darker green of the
same hue.
This commit is contained in:
Thomas Waldmann
2026-08-02 12:13:51 +02:00
parent 5fdc5aa280
commit 8ba4849205
2 changed files with 8 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files
FAME.svg
+2 -2
View File
@@ -6,12 +6,12 @@
.name { font-size: 12px; fill: #1f2328 }
.subtitle, .footer, .count { font-size: 11px; fill: #59636e }
.count { font-size: 12px; text-anchor: end }
.bar { fill: #4c74b9 }
.bar { fill: #00a000 }
@media (prefers-color-scheme: dark) {
.bg { fill: #0d1117 }
.title, .name { fill: #e6edf3 }
.subtitle, .footer, .count { fill: #9198a1 }
.bar { fill: #4493f8 }
.bar { fill: #00dd00 }
}
</style>
<rect class="bg" x="0" y="0" width="760" height="524" rx="6"/>
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 4.3 KiB

After

Width:  |  Height:  |  Size: 4.3 KiB

scripts/fame.py
+6 -2
View File
@@ -95,6 +95,10 @@ SVG_NAME_MAX = 32 # characters that fit into the name column
# Fills are set per class so that the chart can follow the reader's colour
# scheme; GitHub renders the file in an <img>, where the media query applies.
# The bars use the green of the logo (docs/_static/logo.svg). That green is
# made for a dark background - on white it only reaches a contrast of 1.9:1,
# below the 3:1 that WCAG asks for graphics - so the light scheme darkens it
# while keeping the hue.
SVG_STYLE = """\
<style>
text { font-family: -apple-system, "Segoe UI", Helvetica, Arial, sans-serif }
@@ -103,12 +107,12 @@ SVG_STYLE = """\
.name { font-size: 12px; fill: #1f2328 }
.subtitle, .footer, .count { font-size: 11px; fill: #59636e }
.count { font-size: 12px; text-anchor: end }
.bar { fill: #4c74b9 }
.bar { fill: #00a000 }
@media (prefers-color-scheme: dark) {
.bg { fill: #0d1117 }
.title, .name { fill: #e6edf3 }
.subtitle, .footer, .count { fill: #9198a1 }
.bar { fill: #4493f8 }
.bar { fill: #00dd00 }
}
</style>"""