Skip to content

Commit a6f8edc

Browse files
JulianPrieberJulianPrieber
committed
initial
1 parent 5bc9954 commit a6f8edc

File tree

5 files changed

+579
-0
lines changed

5 files changed

+579
-0
lines changed

‎brands.css‎

Lines changed: 288 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,288 @@
1+
2+
/* Table of contents
3+
––––––––––––––––––––––––––––––––––––––––––––––––––
4+
5+
- Rounded user avatars
6+
- Buttons
7+
- Brand Styles
8+
9+
*/
10+
11+
@import url('https://fonts.googleapis.com/css2?family=Roboto+Mono:ital,wght@0,400;0,700;1,400;1,700&display=swap');
12+
13+
body{
14+
color: white !important;
15+
background-color: #202124 !important;
16+
text-rendering: optimizeLegibility;
17+
-webkit-font-smoothing: antialiased;
18+
display: flex;
19+
flex-direction: column;
20+
border-left: 0;
21+
border-right: 0;
22+
font-family: 'Roboto Mono', monospace !important;
23+
}
24+
25+
/* Buttons
26+
–––––––––––––––––––––––––––––––––––––––––––––––––– */
27+
28+
.button,
29+
button {
30+
display: inline-block;
31+
margin-bottom: 20px;
32+
padding: 17px;
33+
font-size: 1rem;
34+
font-weight: 500;
35+
border-radius: 5px;
36+
border: dashed white 2px;
37+
text-decoration: none;
38+
color: white !important;
39+
word-wrap: break-word;
40+
width: 300px;
41+
}
42+
button:hover,
43+
.button:focus {
44+
color: #333;
45+
border-color: #888;
46+
outline: 0; }
47+
.button.button-primary {
48+
color: #FFF;
49+
filter: brightness(90%) }
50+
.button.button-primary:hover,
51+
.button.button-primary:focus {
52+
color: #FFF;
53+
filter: brightness(90%) }
54+
55+
56+
/* Brand Icons
57+
–––––––––––––––––––––––––––––––––––––––––––––––––– */
58+
59+
.icon {
60+
padding: 0px 8px 3.5px 0px;
61+
vertical-align: middle;
62+
width: 20px;
63+
height: 20px;
64+
-webkit-filter: grayscale(100%);
65+
-moz-filter: grayscale(100%);
66+
filter: grayscale(100%);
67+
}
68+
69+
70+
/* Brand Styles
71+
–––––––––––––––––––––––––––––––––––––––––––––––––– */
72+
73+
/* Added custom link button*/
74+
.button.button-custom:hover,
75+
.button.button-custom:focus {
76+
filter: brightness(90%) }
77+
78+
/* Default (this is great for your own brand color!) */
79+
.button.button-default:hover,
80+
.button.button-default:focus {
81+
filter: brightness(90%) }
82+
83+
/* VRChat */
84+
.button.button-vrchat:hover,
85+
.button.button-vrchat:focus {
86+
filter: brightness(90%);
87+
}
88+
89+
/* Discord */
90+
.button.button-discord:hover,
91+
.button.button-discord:focus {
92+
filter: brightness(90%) }
93+
94+
/* Facebook */
95+
.button.button-facebook:hover,
96+
.button.button-facebook:focus {
97+
filter: brightness(90%) }
98+
99+
/* Facebook Messenger */
100+
.button.button-messenger:hover,
101+
.button.button-messenger:focus {
102+
filter: brightness(90%) }
103+
104+
/* Figma */
105+
.button.button-figma:hover,
106+
.button.button-figma:focus {
107+
filter: brightness(90%) }
108+
109+
/* Github */
110+
.button.button-github:hover,
111+
.button.button-github:focus {
112+
filter: brightness(90%) }
113+
114+
/* Goodreads */
115+
.button.button-goodreads:hover,
116+
.button.button-goodreads:focus {
117+
filter: brightness(90%) }
118+
119+
/* Instagram */
120+
.button.button-instagram:hover,
121+
.button.button-instagram:focus {
122+
filter: brightness(90%) }
123+
124+
/* Kit */
125+
.button.button-kit:hover,
126+
.button.button-kit:focus {
127+
filter: brightness(90%) }
128+
129+
/* LinkedIn */
130+
.button.button-linkedin:hover,
131+
.button.button-linkedin:focus {
132+
filter: brightness(90%) }
133+
134+
/* Medium */
135+
.button.button-medium:hover,
136+
.button.button-medium:focus {
137+
filter: brightness(90%) }
138+
139+
/* Pinterest */
140+
.button.button-pinterest:hover,
141+
.button.button-pinterest:focus {
142+
filter: brightness(90%) }
143+
144+
/* Producthunt */
145+
.button.button-producthunt:focus {
146+
filter: brightness(90%) }
147+
148+
/* Reddit */
149+
.button.button-reddit:hover,
150+
.button.button-reddit:focus {
151+
filter: brightness(90%) }
152+
153+
/* Skoob */
154+
.button.button-skoob:hover,
155+
.button.button-skoob:focus {
156+
filter: brightness(90%) }
157+
158+
/* Snapchat */
159+
.button.button-snapchat:hover,
160+
.button.button-snapchat:focus {
161+
filter: brightness(90%) }
162+
163+
/* SoundCloud */
164+
.button.button-soundcloud:hover,
165+
.button.button-soundcloud:focus {
166+
filter: brightness(90%) }
167+
168+
/* Spotify */
169+
.button.button-spotify:hover,
170+
.button.button-spotify:focus {
171+
filter: brightness(90%) }
172+
173+
/* Steam */
174+
.button.button-steam:hover,
175+
.button.button-steam:focus {
176+
filter: brightness(90%) }
177+
178+
/* Telegram */
179+
.button.button-telegram:hover,
180+
.button.button-telegram:focus {
181+
filter: brightness(90%) }
182+
183+
/* TikTok */
184+
.button.button-tiktok:hover,
185+
.button.button-tiktok:focus {
186+
filter: brightness(90%) }
187+
188+
/* Tumblr */
189+
.button.button-tumblr:hover,
190+
.button.button-tumblr:focus {
191+
filter: brightness(90%) }
192+
193+
/* Twitch */
194+
.button.button-twitch:hover,
195+
.button.button-twitch:focus {
196+
filter: brightness(90%) }
197+
198+
/* Twitter */
199+
.button.button-twitter:hover,
200+
.button.button-twitter:focus {
201+
filter: brightness(90%) }
202+
203+
/* Vimeo */
204+
.button.button-vimeo:hover,
205+
.button.button-vimeo:focus {
206+
filter: brightness(90%) }
207+
208+
/* YouTube */
209+
.button.button-youtube:hover,
210+
.button.button-youtube:focus {
211+
filter: brightness(90%) }
212+
213+
/* Wordpress */
214+
.button.button-wordpress:hover,
215+
.button.button-wordpress:focus {
216+
filter: brightness(90%) }
217+
218+
/* Bandcamp */
219+
.button.button-bandcamp:hover,
220+
.button.button-bandcamp:focus {
221+
filter: brightness(90%);
222+
}
223+
224+
/* Patreon */
225+
.button.button-patreon:hover,
226+
.button.button-patreon:focus {
227+
filter: brightness(90%);
228+
}
229+
230+
/* Signal */
231+
.button.button-signal:hover,
232+
.button.button-signal:focus {
233+
filter: brightness(90%);
234+
}
235+
236+
/* Venmo */
237+
.button.button-venmo:hover,
238+
.button.button-venmo:focus {
239+
filter: brightness(90%);
240+
}
241+
242+
/* Cash App */
243+
.button.button-cashapp:hover,
244+
.button.button-cashapp:focus {
245+
filter: brightness(90%);
246+
}
247+
248+
/* Gitlab */
249+
.button.button-gitlab:hover,
250+
.button.button-gitlab:focus {
251+
filter: brightness(90%);
252+
}
253+
254+
/* Mastodon */
255+
.button.button-mastodon:hover,
256+
.button.button-mastodon:focus {
257+
filter: brightness(90%);
258+
}
259+
260+
/* PayPal */
261+
.button.button-paypal:hover,
262+
.button.button-paypal:focus {
263+
filter: brightness(90%);
264+
}
265+
266+
/* WhatsApp */
267+
.button.button-whatsapp:hover,
268+
.button.button-whatsapp:focus {
269+
filter: brightness(90%);
270+
}
271+
272+
/* Xing */
273+
.button.button-xing:hover,
274+
.button.button-xing:focus {
275+
filter: brightness(90%);
276+
}
277+
278+
/* Buy Me a Coffee */
279+
.button.button-coffee:hover,
280+
.button.button-coffee:focus {
281+
filter: brightness(90%);
282+
}
283+
284+
/* Custom Website */
285+
.button.button-web:hover,
286+
.button.button-web:focus {
287+
filter: brightness(90%);
288+
}

‎preview.png‎

50 KB
Loading

‎readme.md‎

Lines changed: 18 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,18 @@
1+
# A LittleLink Custom Theme
2+
Find more themes: https://github.com/JulianPrieber/llc-themes
3+
4+
* Theme Name: Mono
5+
* Theme Version: 1.0
6+
* Theme Date: 2022-05-18
7+
* Theme Author: JulianPrieber
8+
* Theme Author URI: https://github.com/JulianPrieber
9+
* Theme License: GPLv3
10+
11+
12+
### Used assets:
13+
* Built using:
14+
* https://github.com/dhg/Skeleton
15+
* License: MIT
16+
17+
* https://github.com/JulianPrieber/littlelink-mono
18+
* License: MIT

0 commit comments

Comments
 (0)