1
+ id : ' @k-ivy/usr-fldr-customs'
2
+ metadata :
3
+ displayName :
4
+ en : Fully Customize the User Module
5
+ author : " IriKay (@K-Ivy on Git)"
6
+ description :
7
+ en : " Customize the toolbar's User Folder Module all from theme settings!"
8
+ tags : ['toolbar']
9
+ appTargetVersion :
10
+ - 2
11
+ - 3
12
+ - 5
13
+ settings :
14
+ - syntax : <string>
15
+ label :
16
+ en : " Profile Picture -> Blank = Default | Custom = url('https://.png')"
17
+ name : ' --user-folder-custom-avater-img'
18
+ initialValue : ' '
19
+ - syntax : <string>
20
+ label :
21
+ en : " Username -> MUST Have Quotes around name!"
22
+ name : ' --user-folder-custom-name'
23
+ initialValue : ' "Keep-Quotes"'
24
+ - syntax : <string>
25
+ label :
26
+ en : " Username Font (D = inherit)"
27
+ name : ' --user-folder-custom-font'
28
+ initialValue : ' inherit'
29
+ - syntax : <length>
30
+ label :
31
+ en : " Username Font Size (D = 15px)"
32
+ name : ' --user-folder-custom-font-size'
33
+ initialValue : 15
34
+ initialValueUnit : ' px'
35
+ - syntax : <number>
36
+ label :
37
+ en : " Username Font Style (D = 400 | R: 100=Thin, 400=Normal, 900=Thick)"
38
+ name : ' --user-folder-custom-font-weight'
39
+ initialValue : 400
40
+ - syntax : <length>
41
+ label :
42
+ en : " Username Horizontal Position (D = -9px)"
43
+ name : ' --user-folder-custom-name-x-pos'
44
+ initialValue : -9
45
+ initialValueUnit : ' px'
46
+ - syntax : <length>
47
+ label :
48
+ en : " Username Vertical Position (D = -0.5px)"
49
+ name : ' --user-folder-custom-name-y-pos'
50
+ initialValue : -0.5
51
+ initialValueUnit : ' px'
52
+ - syntax : <length>
53
+ label :
54
+ en : " Profile Picture Width (D = 16px)"
55
+ name : ' --user-folder-custom-pfp-width'
56
+ initialValue : 16
57
+ initialValueUnit : ' px'
58
+ - syntax : <length>
59
+ label :
60
+ en : " Profile Picture Height (D = 16px)"
61
+ name : ' --user-folder-custom-pfp-height'
62
+ initialValue : 16
63
+ initialValueUnit : ' px'
64
+ - syntax : <length>
65
+ label :
66
+ en : " Profile Picture Rounding (D = 50%)"
67
+ name : ' --user-folder-custom-pfp-rounding'
68
+ initialValue : 50
69
+ initialValueUnit : ' %'
70
+ - syntax : <length>
71
+ label :
72
+ en : " Profile Picture Border Width (D = 1px)"
73
+ name : ' --user-folder-custom-pfp-border-width'
74
+ initialValue : 1
75
+ initialValueUnit : ' px'
76
+ - syntax : <color>
77
+ label :
78
+ en : " Profile Picture Border Color (D = #777777)"
79
+ name : ' --user-folder-custom-pfp-border-color'
80
+ initialValue : ' #777777'
81
+ - syntax : <length>
82
+ label :
83
+ en : " Profile Picture Horizontal Position (D = -0.5px)"
84
+ name : ' --user-folder-custom-pfp-x-pos'
85
+ initialValue : -0.5
86
+ initialValueUnit : ' px'
87
+ - syntax : <length>
88
+ label :
89
+ en : " Profile Picture Vertical Position (D = 0px)"
90
+ name : ' --user-folder-custom-pfp-y-pos'
91
+ initialValue : 0
92
+ initialValueUnit : ' px'
93
+ styles :
94
+ toolbar : |
95
+ .ft-bar-item#\@default\/user-folder img {
96
+ content: var(--user-folder-custom-avater-img);
97
+ width: var(--user-folder-custom-pfp-width) !important;
98
+ height: var(--user-folder-custom-pfp-height) !important;
99
+ border-radius: var(--user-folder-custom-pfp-rounding);
100
+ border: var(--user-folder-custom-pfp-border-width) solid var(--user-folder-custom-pfp-border-color);
101
+ margin-left: var(--user-folder-custom-pfp-x-pos);
102
+ transform: translateY(var(--user-folder-custom-pfp-y-pos));
103
+ object-fit: cover !important;
104
+ }
105
+
106
+ .ft-bar-item#\@default\/user-folder .ft-bar-item-content span:last-child {
107
+ visibility: hidden;
108
+ overflow: visible !important;
109
+ }
110
+
111
+ .ft-bar-item#\@default\/user-folder .ft-bar-item-content span:last-child::after {
112
+ content: var(--user-folder-custom-name, "Keep-Quotes");
113
+ font-family: var(--user-folder-custom-font, inherit);
114
+ font-size: var(--user-folder-custom-font-size);
115
+ font-weight: var(--user-folder-custom-font-weight);
116
+ margin-left: var(--user-folder-custom-name-x-pos);
117
+ transform: translateY(var(--user-folder-custom-name-y-pos));
118
+ visibility: visible;
119
+ display: inline-block;
120
+ }
0 commit comments