-
-
Notifications
You must be signed in to change notification settings - Fork 2
/
friends.custom.css
100 lines (99 loc) · 4.4 KB
/
friends.custom.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
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
/* ======== Notes ========
/* The following are customisation options
/* In general an option should be choosen - however if an import is not used the steam defaults will be
/* To choose an option remove the "/*" that is in front of the "@import"
/*
/* ----------------------------------------------------------------------------
/* ======== Base Theme - the only required import ======== */
@import url(https://ccss.lasr.dev/friends-client/friends-client.css);
/*
/* ----------------------------------------------------------------------------
/* ==== Avatar Shape ====
/* Select one of the following avatar shapes
/*
/* == Squircle Avatar == */
/* @import url(https://ccss.lasr.dev/friends-client/avatarStyle/squircleAvatar.css);
/* == Square Avatar == */
/* @import url(https://ccss.lasr.dev/friends-client/avatarStyle/squareAvatar.css);
/* == Round Avatar == */
@import url(https://ccss.lasr.dev/friends-client/avatarStyle/roundAvatar.css);
/*
/* ----------------------------------------------------------------------------
/* ==== Avatar Status Style ====
/* Select one of the following avatar status types
/*
/* == Outline Status == */
/* @import url(https://ccss.lasr.dev/friends-client/avatarStatus/outlineStatus.css);
/* == Discord Status == */
@import url(https://ccss.lasr.dev/friends-client/avatarStatus/discordStatus.css);
/*
/* ----------------------------------------------------------------------------
/* ==== Theme Colour ====
/* Select one of the following themes
/*
/* == Dark Theme == */
/* @import url(https://ccss.lasr.dev/friends-client/colourSet/darkMode.css);
/* == Light Theme == */
/* @import url(https://ccss.lasr.dev/friends-client/colourSet/lightMode.css);
/* == Steam like Theme == */
/* @import url(https://ccss.lasr.dev/friends-client/colourSet/steamColours.css);
/* == Discord Colours Theme == */
@import url(https://ccss.lasr.dev/friends-client/colourSet/discordColours.css);
/*
/* ----------------------------------------------------------------------------
/* ==== Mini Profile ====
/* Small window that shows when hover over a friend
/*
/* == Mini profile solid == */
/* @import url(https://ccss.lasr.dev/friends-client/miniProfile/miniProfileSolid.css);
/* == Mini profile blur == */
@import url(https://ccss.lasr.dev/friends-client/miniProfile/miniProfileBlur.css);
/*
/* ----------------------------------------------------------------------------
/* ==== Status Glow ====
/* Your status can apply a glow affect to the top of the friends list.
/* import nothing for stock steam, other wise choose one of the following options
/*
/* == No Glow == */
/* @import url(https://ccss.lasr.dev/friends-client/statusGlow/noGlow.css);
/* == Themed Glow == */
@import url(https://ccss.lasr.dev/friends-client/statusGlow/themedGlow.css);
/*
/* ----------------------------------------------------------------------------
/* ==== Shadow Effects ====
/* Certain elements can be given a 3d effect through the use of shadows
/* import nothing for stock steam, otherwise choose one of the following options
/*
/* == No Shadow == */
/* @import url(https://ccss.lasr.dev/friends-client/shadowEffects/noShadow.css);
/* == Better Shadows == */
@import url(https://ccss.lasr.dev/friends-client/shadowEffects/improvedShadow.css);
/*
/* ----------------------------------------------------------------------------
/* ==== Avatar Frames ====
/* Steam introduced avatar frames, if you don't like them use this
/* == Disable Frames == */
/* @import url(https://ccss.lasr.dev/friends-client/avatarFrame/disable.css);
/*
/* ----------------------------------------------------------------------------
/* ==== Fonts ====
/* Here you can apply your own font.
/* Ensure the font is either a web safe font or installed on your system
/* - https://www.w3schools.com/cssref/css_websafe_fonts.asp
/* - https://fonts.google.com/?selection.family=Big+Shoulders+Text (also a good resource, use the @IMPORT option)
*/
/*
/* -- Remove this line to uncomment the font-family --
* {
font-family: <replace-me-with-your-font> !important;
}
/*
/* ----------------------------------------------------------------------------
/* ======== CREDITS ========
/* LaserFlash: - https://github.com/LaserFlash/
/* - https://steamcommunity.com/id/LaserFlash/
/*
/* Website - https://steamchatskinning.tk
/*
/* Community: - https://discord.gg/UZvkvkh
/* ----------------------------------------------------------------------------