-
Notifications
You must be signed in to change notification settings - Fork 7
/
Copy pathgithub-dark-custom-blame.user.css
71 lines (69 loc) · 3.36 KB
/
github-dark-custom-blame.user.css
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
/* ==UserStyle==
@name GitHub Dark Custom Blame
@namespace StylishThemes
@version 2.0.12
@description A style that allows fine grained blame element user customization.
@author StylishThemes and contributors
@homepageURL https://github.com/StylishThemes/Feature-Override-Styles/
@supportURL https://github.com/StylishThemes/Feature-Override-Styles/issues/new/choose
@updateURL https://raw.githubusercontent.com/StylishThemes/Feature-Override-Styles/master/github-dark-custom-blame.user.css
@license MIT
@var color base-color-rgb "Base color scheme" rgba(79, 140, 201, 1)
@var color commit-date-color "Commit date color" #bebebe
@var checkbox use-date-color "Use commit date color" 1
@var text legend-block-size "Legend block size" 10px
@var text legend-blk-radius "Legend block radius" 2px
@var text blame-border-width "Blame border width" 3px
@preprocessor stylus
==/UserStyle== */
@-moz-document domain("github.com") {
.line-age-legend .heat {
width: legend-block-size
height: legend-block-size
margin: 2px 0 0
border-radius: legend-blk-radius
}
.heat {
&[data-heat="1"] { background: rgba(base-color-rgb, 1) }
&[data-heat="2"] { background: rgba(base-color-rgb, .9) }
&[data-heat="3"] { background: rgba(base-color-rgb, .8) }
&[data-heat="4"] { background: rgba(base-color-rgb, .7) }
&[data-heat="5"] { background: rgba(base-color-rgb, .6) }
&[data-heat="6"] { background: rgba(base-color-rgb, .5) }
&[data-heat="7"] { background: rgba(base-color-rgb, .4) }
&[data-heat="8"] { background: rgba(base-color-rgb, .3) }
&[data-heat="9"] { background: rgba(base-color-rgb, .2) }
&[data-heat="10"] { background: rgba(base-color-rgb, .1) }
}
.blame-commit {
&[data-heat="1"] { border-right: blame-border-width solid rgba(base-color-rgb, 1) }
&[data-heat="2"] { border-right: blame-border-width solid rgba(base-color-rgb, .9) }
&[data-heat="3"] { border-right: blame-border-width solid rgba(base-color-rgb, .8) }
&[data-heat="4"] { border-right: blame-border-width solid rgba(base-color-rgb, .7) }
&[data-heat="5"] { border-right: blame-border-width solid rgba(base-color-rgb, .6) }
&[data-heat="6"] { border-right: blame-border-width solid rgba(base-color-rgb, .5) }
&[data-heat="7"] { border-right: blame-border-width solid rgba(base-color-rgb, .4) }
&[data-heat="8"] { border-right: blame-border-width solid rgba(base-color-rgb, .3) }
&[data-heat="9"] { border-right: blame-border-width solid rgba(base-color-rgb, .2) }
&[data-heat="10"] { border-right: blame-border-width solid rgba(base-color-rgb, .1) }
}
if use-date-color {
.blame-commit-date[data-heat] {
color: commit-date-color !important
}
}
else {
.blame-commit-date {
&[data-heat="1"] { color: rgba(base-color-rgb, 1) }
&[data-heat="2"] { color: rgba(base-color-rgb, .9) }
&[data-heat="3"] { color: rgba(base-color-rgb, .8) }
&[data-heat="4"] { color: rgba(base-color-rgb, .7) }
&[data-heat="5"] { color: rgba(base-color-rgb, .6) }
&[data-heat="6"] { color: rgba(base-color-rgb, .5) }
&[data-heat="7"] { color: rgba(base-color-rgb, .4) }
&[data-heat="8"] { color: rgba(base-color-rgb, .3) }
&[data-heat="9"] { color: rgba(base-color-rgb, .2) }
&[data-heat="10"] { color: rgba(base-color-rgb, .1) }
}
}
}