guest@dotshare [~/groups/wms/i3] $ ls i3-simple-dark/ | cat

i3 simple dark (scrot)

fireKIte Aug 11, 2017 (wms/i3)

i3config(raw, dl)

SCROT

  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
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
# This file has been auto-generated by i3-config-wizard(1).
# It will not be overwritten, so edit it as you like.
#
# Should you change your keyboard layout some time, delete
# this file and re-run i3-config-wizard(1).
#

# i3 config file (v4)
#
# Please see http://i3wm.org/docs/userguide.html for a complete reference!

#Set gaps

gaps inner 42
gaps outer 2

set $mod Mod4
set $fisical Control

# Font for window titles. Will also be used by the bar unless a different font
# is used in the bar {} block below.
#font pango:Terminus 8px

# This font is widely installed, provides lots of unicode glyphs, right-to-left
# text rendering and scalability on retina/hidpi displays (thanks to pango).
font pango: DejaVu Sans Mono 8

# Before i3 v4.8, we used to recommend this one as the default:
# font -misc-fixed-medium-r-normal--13-120-75-75-C-70-iso10646-1
# The font above is very space-efficient, that is, it looks good, sharp and
# clear in small sizes. However, its unicode glyph coverage is limited, the old
# X core fonts rendering does not support right-to-left and this being a bitmap
# font, it doesn’t scale on retina/hidpi displays.

#color class		border  bg	text	indicator
client.focused          #1A1A1A #8C8587 #1A1A1A #8C8587
client.focused_inactive #1A1A1A #1A1A1A #1A1A1A #1A1A1A
client.unfocused        #1A1A1A #1A1A1A #77438F #1A1A1A
client.urgent           #3B89B5 #3B89B5 #a5a5a5 #1A1A1A
client.background       #1A1A1A

# Use Mouse+$mod to drag floating windows to their wanted position
floating_modifier $mod

# start a terminal
bindsym $mod+Return exec termite

#Common apps

bindsym $mod+i exec --no-startup-id chromium
bindsym $mod+n exec nautilus
bindsym $mod+Shift+r exec termite -e ranger
bindsym $mod+m exec termite -e mutt
bindsym $mod+g exec geany
bindsym $mod+c exec galculator
bindsym $mod+p exec audacious
bindsym $mod+t exec termite -e htop
bindsym $mod+z exec spotify

# kill focused window
bindsym $mod+q kill

# start dmenu (a program launcher)
#bindsym $mod+d exec dmenu_run
# There also is the (new) i3-dmenu-desktop which only displays applications
# shipping a .desktop file. It is a wrapper around dmenu, so you need that
# installed.
bindsym $mod+d exec rofi -show combi 

# change focus
bindsym $mod+j focus left
bindsym $mod+k focus down
bindsym $mod+l focus up
bindsym $mod+semicolon focus right

# alternatively, you can use the cursor keys:
bindsym $mod+Left focus left
bindsym $mod+Down focus down
bindsym $mod+Up focus up
bindsym $mod+Right focus right

# move focused window
bindsym $mod+Shift+j move left
bindsym $mod+Shift+k move down
bindsym $mod+Shift+l move up
bindsym $mod+Shift+semicolon move right

# alternatively, you can use the cursor keys:
bindsym $mod+Shift+Left move left
bindsym $mod+Shift+Down move down
bindsym $mod+Shift+Up move up
bindsym $mod+Shift+Right move right

# split in horizontal orientation
bindsym $mod+h split h

# split in vertical orientation
bindsym $mod+v split v

# enter fullscreen mode for the focused container
bindsym $mod+f fullscreen toggle

# change container layout (stacked, tabbed, toggle split)
bindsym $mod+s layout stacking
bindsym $mod+w layout tabbed
bindsym $mod+e layout toggle split

# toggle tiling / floating
bindsym $mod+Shift+space floating toggle

# change focus between tiling / floating windows
bindsym $mod+space focus mode_toggle

# focus the parent container
bindsym $mod+a focus parent

# focus the child container
#bindsym $mod+d focus child

#Back and forth workspace
#workspace_auto_back_and_forth yes

# switch to workspace
set $t "term"
set $f "file"
set $w "web"
set $c "coding"
set $m "music"
set $g "games"
set $o "other"

bindsym $mod+1 workspace $t
bindsym $mod+2 workspace $f
bindsym $mod+3 workspace $w
bindsym $mod+4 workspace $c
bindsym $mod+5 workspace $m
bindsym $mod+6 workspace $g
bindsym $mod+7 workspace $o


# move focused container to workspace
bindsym $mod+Shift+t move container to workspace $t
bindsym $mod+Shift+f move container to workspace $f
bindsym $mod+Shift+w move container to workspace $w
bindsym $mod+Shift+c move container to workspace $c
bindsym $mod+Shift+m move container to workspace $m
bindsym $mod+Shuft+g move container to workspace $g
bindsym $mod+Shift+o move container to workspace $o

# reload the configuration file
bindsym $fisical+Shift+c reload
# restart i3 inplace (preserves your layout/session, can be used to upgrade i3)
bindsym $fisical+Shift+r restart
# exit i3 (logs you out of your X session)
bindsym $fisical+Shift+e exec "i3-nagbar -t warning -m 'You pressed the exit shortcut. Do you really want to exit i3? This will end your X session.' -b 'Yes, exit i3' 'i3-msg exit'"

# resize window (you can also use the mouse for that)
mode "resize" {
# These bindings trigger as soon as you enter the resize mode

# Pressing left will shrink the window’s width.
# Pressing right will grow the window’s width.
# Pressing up will shrink the window’s height.
# Pressing down will grow the window’s height.
	bindsym j resize shrink width 10 px or 10 ppt
		bindsym k resize grow height 10 px or 10 ppt
		bindsym l resize shrink height 10 px or 10 ppt
		bindsym semicolon resize grow width 10 px or 10 ppt

# same bindings, but for the arrow keys
		bindsym Left resize shrink width 10 px or 10 ppt
		bindsym Down resize grow height 10 px or 10 ppt
		bindsym Up resize shrink height 10 px or 10 ppt
		bindsym Right resize grow width 10 px or 10 ppt

# back to normal: Enter or Escape
		bindsym Return mode "default"
		bindsym Escape mode "default"
}

bindsym $mod+r mode "resize"

# Start i3bar to display a workspace bar (plus the system information i3status
# finds out, if available)
bar {
	colors {
		statusline    #ffffff
			background    #3B3B3B
			separator     #3B3B3B
#                   BORDER      BACKGROUND    TEXT
			focused_workspace   #3B3B3B     #3B3B3B       #7D8082
			inactive_workspace  #3B3B3B     #3B3B3B       #dddddd
			active_workspace    #3B3B3B     #3B3B3B       #ffffff
			urgent_workspace    #7D8082     #7D8082       #00000000
			binding_mode        #7D8082     #7D8082       #00000000
	}
# i3bar position

	position bottom
		status_command i3blocks -c /home/zambo/.config/i3/i3blocks.conf
}

set $power_mode "(p)oweroff, (r)eboot, (l)ock, (q)uit, (h)ibernate, (s)leep"
bindsym $fisical+Shift+q      mode $power_mode
mode $power_mode {

	bindsym p        exec systemctl poweroff
		bindsym r        exec systemctl reboot 
		bindsym l        exec i3lock-fancy -- scrot -z
		bindsym q        exec --no-startup-id i3-msg exit, mode "default"
		bindsym h        exec systemctl hibernate 
		bindsym s        exec systemctl hybrid-sleep 

		bindsym Return    mode "default"
		bindsym Escape    mode "default"
}

# Pulse Audio controls
bindsym XF86AudioRaiseVolume exec --no-startup-id pactl set-sink-volume 0 +5% #increase sound volume
bindsym XF86AudioLowerVolume exec --no-startup-id pactl set-sink-volume 0 -5% #decrease sound volume
bindsym XF86AudioMute exec --no-startup-id pactl set-sink-mute 0 toggle # mute sound

# Sreen brightness controls
bindsym XF86MonBrightnessUp exec light -A 15 && notify-send `light` # increase screen brightness
bindsym XF86MonBrightnessDown exec light -U 15 && notify-send `light` # decrease screen brightness

# Media player controls
bindsym XF86AudioPlay exec playerctl play
bindsym XF86AudioPause exec playerctl pause
bindsym XF86AudioNext exec playerctl next
bindsym XF86AudioPrev exec playerctl previous

#Basic config 
exec --no-startup-id setxkbmap it
exec --no-startup-id feh --bg-scale  /home/zambo/Immagini/ToZGEt8.png      
exec_always compton -f 
exec --no-startup-id xinput enable 'ETPS/2 Elantech Touchpad'

#Enable touchpad
bindsym $fisical+z exec xinput enable 'ETPS/2 Elantech Touchpad' && notify-send 'Touchpad enabled' 
bindsym $fisical+Shift+z exec xinput disable 'ETPS/2 Elantech Touchpad' && notify-send 'Touchpad disabled'

#Screenshot
bindsym Print exec --no-startup-id notify-send 'Screenshot taken' && scrot 'Schermata%Y-%m-%d-%T.png' -e 'mv $f ~/Immagini/'

#Windows
for_window [class="^.*"] border pixel 2
for_window [class="luakit"] border pixel 0
for_window [class="Chromium"] border pixel 0
for_window [class="Spotify"] border pixel 0
for_window [class="Nautilus"] border pixel 0
for_window [class="Galculator"] floating enable
for_window [class="Roxterm"] floating enable
for_window [class="Audacious"] border pixel 0
for_window [class="notify-send"] floating enable, border none 
assign [class="Xterm"] $t
assign [class="Chromium"] $w
assign [class="luakit"] $w  
assign [class="Geany"] $c
assign [class="Audacious"] $m
assign [class="Code"] $c
assign [class="Steam"] $g
assign [class="^(?i)spotify$"] $m
assign [class="Whatsapp"] $o
assign [class="Nautilus"] $f
assign [class="Thunar"] $f

#parcellite (cliboard manager)
exec --no-startup-id parcellite  

#i3lock autolock
exec_always --no-startup-id xautolock -time 1  -locker "i3lock-fancy -- scrot -z  && sleep 1"-killtime 10 -killer "systemctl suspend"  -detectsleep 

#Startup application
exec --no-startup-id xfce4-power-manager
exec --no-startup-id msi-keyboard -m normal -c left,red,high -c middle,purple,high -c right,sky,high -r touchpad,255,0,0 -r logo,255,255,255
#exec --no-startup-id Whatsapp
exec --no-startup-id dropbox

CLICK TO VIEW

x

i3blocks(raw, dl)

 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
command=/usr/lib/i3blocks/$BLOCK_NAME
separator=true
separator_block_width=15


[temperature]
command=echo -e " $(sensors | grep 'Core 0' | awk '{print $3}' | cut -c2-3)°"
interval=1
color=#FF0000

[cpu]
command=echo -e " $(mpstat | awk '$12 ~ /[0-9.]+/ { print 100 - $12"%" }')"
interval=5

[volume]
label=♪
color=#FF00EA
instance=Master
interval=1
signal=10

[brightness]
command=./Script/backlight
color=#E8E807
label=☀
interval=1

[battery]
label=⚡
color=#3DD40B
interval=10

[time]
label=
command=echo "`date +'%H:%M'`"; [[ -z "${BLOCK_BUTTON}" ]] || gsimplecal & 
interval=1

[mails]
command=echo " $(imapfilter | awk '{print $5}') "  
interval=30
 

x

.Xresources(raw, dl)

 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
XTerm*faceName: Bitstream Vera Serif Mono
xterm*faceSize: 11
xterm*vt100*geometry: 80x60
xterm*saveLines: 16384
xterm*loginShell: true
xterm*charClass: 33:48,35:48,37:48,43:48,45-47:48,64:48,95:48,126:48
xterm*termName: xterm-color
xterm*eightBitInput: false

!BLK Cursor
#define _color0        #000d18
#define _color8        #000d18
!RED Tag
#define _color1        #e89393
#define _color9        #e89393
!GRN SpecialKey
#define _color2        #9ece9e
#define _color10       #9ece9e
!YEL Keyword
#define _color3        #f0dfaf
#define _color11       #f0dfaf
!BLU Number
#define _color4        #8cd0d3
#define _color12       #8cd0d3
!MAG Precondit
#define _color5        #c0bed1
#define _color13       #c0bed1
!CYN Float
#define _color6        #dfaf8f
#define _color14       #dfaf8f
!WHT Search
#define _color7        #efefef
#define _color15       #efefef
!FMT Include, StatusLine, ErrorMsg
#define _colorBD       #ffcfaf
#define _colorUL       #ccdc90
#define _colorIT       #80d4aa
!TXT Normal, Normal, Cursor
#define _foreground    #dcdccc
#define _background    #3B3B3B
#define _cursorColor   #8faf9

rofi.lines: 5
rofi.eh: 2
rofi.padding: 200
rofi.fullscreen: true
rofi.bw: 0
rofi.separator-style: none
rofi.hide-scrollbar: true

!                  'background', 'border', 'separator'
rofi.color-window: argb:90000000, #7c8389, #1d1f21
! State:           'bg',     'fg',     'bgalt',  'hlbg',   'hlfg'
rofi.color-normal: argb:31d1f21, #f3f4f5, argb:31d1f21, argb:31d1f21, #9575cd 
rofi.font: xos4 Terminus 18
 

x

Browser_start_page(raw, dl)

  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
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
<!doctype html>
<title>Home</title>
<head><link href="https://fonts.googleapis.com/css?family=Nova+Mono" rel="stylesheet">
<body>
	<head><link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css"></head>
	<script>			
		window.onkeyup = keyup;
		var inputTextValue;
		function keyup(e) {
			inputTextValue = e.target.value;
			if (e.keyCode == 13) {
				window.location = "http://www.duckduckgo.com/" + inputTextValue;
			}
		}
	</script>

	
	<div id="top_bar">
		<a id="youtube", href="https://www.youtube.com">youtube</a>
		<a id="mal", href="https://myanimelist.net/">myanimelist</a>
		<a id="osu", href="https://www.reddit.com/r/osugame">r/osu!</a>
		<a id="outlook", href="https://www.outlook.com">outlook</a>
		<a id="archlinux", href="https://wiki.archlinux.org/">archwiki</a>
		<a id="wiki", href="https://wikipedia.com">wikipedia</a>
		<a id="rice", href="https://www.reddit.com/r/unixporn">r/unixporn</a>
		<a id="leganerd", href="https://leganerd.com">leganerd</a>
</div>
	
	<div id="logo">
		<!--Uses text and not an image to speed things up -->
		<span style="color: var(--white)">D</span>
		<span style="color: var(--white)">u</span>
		<span style="color: var(--white)">c</span>
		<span style="color: var(--white)">k</span>
		<span style="color: var(--white)">D</span>
		<span style="color: var(--white)">u</span>
		<span style="color: var(--white)">c</span>
		<span style="color: var(--white)">k</span>
		<span style="color: var(--orange)">g</span>
		<span style="color: var(--orange)">o</span>
	</div>
	
	<div>
		<input id="search_bar", style="search", type="text", spellcheck="false", onKeydown="Javascript: if (event.keyCode == 13) search();", autofocus>
	</div>
	
	<div id="icons", style="font-size:48px">
		<i id="github", class="fa fa-github-square", onclick="Javascript: window.location = 'https://github.com/'"></i>
		<i id="gplus", class="fa fa-google-plus-square", onclick="Javascript: window.location = 'https://instagram.com/'"></i>
		<i id="twitter", class="fa fa-twitter-square", onclick="Javascript: window.location = 'https://twitter.com'"></i>
        <i id="facebook", class="fa fa-facebook-square", onclick="Javascript: window.location = 'https://facebook.com'"></i>
	</div>
	
	
	
	</body>
</head>

<style type = "text/css">
	
	:root {
		--main-color: #333333;
		--main-muted: #aaaaaa;
		--green: #2de087;
		--orange: #E87502;
		--red: #e72d2d;
		--cyan: #6dfedf;
		--orange:  #e88e2c;
		--blue: #678bdc;
		--magenta: #ff6f9f;
		--violet: #f92672;
		--yellow: #ffdb7d;
		--foreground-light: #678bdc;
		--white: #ffffff;
	}
	
	@keyframes rise {
		0% {opacity:0;}
		100% {opacity:1;}
	}
	
	@keyframes fadein {
		from {opacity:0.3;}
		to {opacity:1;}
	}
	
	body {
		background-color: var(--main-color);
        text-align: center;
		margin: 0;
	}
		
	#top_bar {
		position: center;
		font-family: 'SFNS Display', monospace;
		text-align: center;
		color: #dc322f;
		font-size: 12px;
		padding: 30px;
		border: 5px solid var(--main-color);
		background: var(--main-color);
		box-shadow: 0px 4px 10px 0px rgba(0,0,0,0.2);
		
		-webkit-touch-callout: none;
		-webkit-user-select: none;
		-khtml-user-select: none;
		-moz-user-select: none;
		-ms-user-select: none;
		user-select: none;
	}
	
	a:link , a:visited{
		text-decoration: none;
		color: var(--main-muted);
		background-color:var(--main-color);
		border-style: 2px solid;
		border-radius: 3px;
		padding: 8px;
		width: 200px;
		height: 100px;
		
		-webkit-touch-callout: none;
		-webkit-user-select: none;
		-khtml-user-select: none;
		-moz-user-select: none;
		-ms-user-select: none;
		user-select: none;
		
	}
	
	#youtube{
		text-decoration: none;
		border: 2px solid var(--orange);
		margin: 5px;
		transition: 0.5s ease;
	} 
	
	#mal {
		text-decoration: none;
		border:2px solid var(--red);
		margin: 5px;
		transition: 0.5s ease;
	} 
	
	#osu {
		text-decoration: none;
		border:2px solid var(--violet);
		margin: 5px;
		transition: 0.5s ease;
	} 
	
	#outlook {
		text-decoration: none;
		border:2px solid var(--magenta);
		margin: 5px;
		transition: 0.5s ease;
	} 
	
	#archlinux {
		text-decoration: none;
		border:2px solid var(--blue); 
		margin: 5px;
		transition: 0.5s ease;
	}
	
	#wiki {
		text-decoration: none;
		border:2px solid var(--cyan);
		margin: 5px;	
		transition: 0.5s ease;
	}
	
	#rice {
		text-decoration: none;
		border:2px solid var(--green);	
		margin: 5px;
		transition: 0.5s ease;
	}
	
	#leganerd {
		text-decoration: none;
		border:2px solid var(--yellow);	
		margin: 5px;
		transition: 0.5s ease;
	}
	
	#youtube:hover {
		transition: 0.5s ease;
		text-decoration: none;
		background-color: var(--orange);
		color: var(--white);
	} 
	
	#mal:hover {
		transition: 0.5s ease;
		text-decoration: none;
		background-color: var(--red);
		color: var(--white);
	} 
	
	#osu:hover {
		transition: 0.5s ease;
		text-decoration: none;
		background-color: #d33682;
		color: var(--white);
	} 
	
	#outlook:hover {
		transition: 0.5s ease;
		text-decoration: none;
		background-color: var(--magenta);
		color: var(--white);
	} 
	
	#archlinux:hover {
		transition: 0.5s ease;
		text-decoration: none;
		background-color: var(--blue);
		color: var(--white);
	}
	
	#wiki:hover {
		transition: 0.5s ease;
		text-decoration: none;
		background-color: var(--cyan);	
		color: var(--white);
	}
	
	#rice:hover {
		transition: 0.5s ease;
		text-decoration: none;
		background-color: var(--green);	
		color: var(--white);
	}
	
	#leganerd:hover {
		text-decoration: none;
		background-color: var(--yellow);
		color: var(--white);
		transition: 0.5s ease;
	} 
	
	input {
		font-family: 'SFNS Display', monospace;
		text-align: center;
		color: var(--white);
		background-color: var(--main-color);
		border: 2px solid var(--main-color);
		border-radius: 3px;
		width: 42%;
		height: 20px;
		font-size: 14px;
		padding : 8px;
		box-shadow: 1px 2px 5px 0px rgba(0,0,0,0.7);
		position: relative;
		transition: 0.2s ease;
	}
		
	input:focus {
		box-shadow: 1px 4px 10px 0px rgba(0,0,0,0.7);
	}
		
	input:hover {
		box-shadow: 1px 4px 10px 0px rgba(0,0,0,0.7);
	}
	
	#logo {
		margin-top: 50px;
		font-family: 'SFNS Display', monospace;
		font-size: 70px;
		text-align: center;
		padding: 50px;	
		animation-name: rise;
		animation-duration: 0.5s;
		animation-iteration: 1;
		-webkit-touch-callout: none;
		-webkit-user-select: none;
		-khtml-user-select: none;
		-moz-user-select: none;
		-ms-user-select: none;
		user-select: none;
	}
	
	#big_g {
		height: 100px;
		margin-top: 50px;
	}
	
	#icons {
		position: center;
		font-family: 'Monaco', sans-serif;
		text-align: center;
		color: var(--main-muted);
		font-size: 12px;
		padding: 30px;
		background: rgba(0,0,0,0);
		
		-webkit-touch-callout: none;
		-webkit-user-select: none;
		-khtml-user-select: none;
		-moz-user-select: none;
		-ms-user-select: none;
		user-select: none;
	}
	
	#github ,#instagram, #twitter, #facebook, #reddit, #mail, #youtube {
		background-color: rgba(0,0,0,0);
		color: var(--main-muted);
		transition: 0.5s ease;
	}

	
	#github:hover {
		color: var(--yellow);
		transition: 0.5s ease;
	}

	#instagram:hover {
		color: var(--red);
		transition: 0.5s ease;
	}

	#twitter:hover {
		color: var(--cyan);
		transition: 0.5s ease;
	}

    #facebook:hover {
        color: var(--blue);
        transition: 0.5s ease;
    }

	#reddit:hover {
		color: var(--orange);
		transition: 0.5s ease;
	}

	#mail:hover {
		color: var(--blue);
		transition: 0.5s ease;
	}

	#youtubei:hover {
		color: var(--red);
		transition: 0.5s ease;
	}
 

x

Notes

i3 simple dark config

Its my first ricing, i think i came up with something nice :)