diff --git a/CSS/addons/unraid/login-page/retro-terminal/amber.css b/CSS/addons/unraid/login-page/retro-terminal/amber.css index 15ac4e99..f5016516 100644 --- a/CSS/addons/unraid/login-page/retro-terminal/amber.css +++ b/CSS/addons/unraid/login-page/retro-terminal/amber.css @@ -1,13 +1,15 @@ /*_____________________AMBER_THEME______________________*/ -/*--body-before:#ffb52a1a; /* This is the background that flickers, background uses a transparency of 10%, SET IT TO BLACK TO REMOVE FLICKER! */ -/*--body-after: #ffb52a33; /* This is the background that creates the crt lines, background uses a transparency of 20% */ -/*--custom-text-header-animation: textflicker; /* SET TO NONE TO REMOVE THE FLICKER ANIMATION! */ +/* --body-before:#00ff771a; /* This is the background that creates the crt lines, background uses a transparency of 10% SET TO NONE TO REMOVE CRT EFFECT */ +/* --body-after: #00ff7733; /* This is the background that creates the crt lines, background uses a transparency of 20% SET TO NONE TO REMOVE CRT EFFECT */ +/* --body-animation: flicker; This is the background that flickers. SET TO NONE TO REMOVE THE FLICKER ANIMATION! */ +/* --custom-text-header-animation: textflicker; /* SET TO NONE TO REMOVE THE FLICKER ANIMATION! */ @import url(https://gilbn.github.io/theme.park/CSS/addons/unraid/login-page/retro-terminal/retro-terminal-base.css); :root { --main-bg-color:black; --body-before:#ffb52a1a; --body-after: #ffb52a33; +--body-animation: flicker; --logo: url(https://gilbn.github.io/theme.park/CSS/addons/unraid/login-page/alien/logo/wings_yellow.png) center no-repeat; --text-color: #ffb52a; --input-color: #ffb52a; diff --git a/CSS/addons/unraid/login-page/retro-terminal/blue.css b/CSS/addons/unraid/login-page/retro-terminal/blue.css index 6b040699..9fa5c8be 100644 --- a/CSS/addons/unraid/login-page/retro-terminal/blue.css +++ b/CSS/addons/unraid/login-page/retro-terminal/blue.css @@ -1,13 +1,15 @@ /*_____________________BLUE_THEME______________________*/ -/*--body-before:#70d7f61a; /* This is the background that flickers, background uses a transparency of 10%, SET IT TO BLACK TO REMOVE FLICKER! */ -/*--body-after: #70d7f61a; /* This is the background that creates the crt lines, background uses a transparency of 20% */ -/*--custom-text-header-animation: textflicker; /* SET TO NONE TO REMOVE THE FLICKER ANIMATION! */ +/* --body-before:#00ff771a; /* This is the background that creates the crt lines, background uses a transparency of 10% SET TO NONE TO REMOVE CRT EFFECT */ +/* --body-after: #00ff7733; /* This is the background that creates the crt lines, background uses a transparency of 20% SET TO NONE TO REMOVE CRT EFFECT */ +/* --body-animation: flicker; This is the background that flickers. SET TO NONE TO REMOVE THE FLICKER ANIMATION! */ +/* --custom-text-header-animation: textflicker; /* SET TO NONE TO REMOVE THE FLICKER ANIMATION! */ @import url(https://gilbn.github.io/theme.park/CSS/addons/unraid/login-page/retro-terminal/retro-terminal-base.css); :root { --main-bg-color:black; --body-before:#70d7f61a; --body-after: #70d7f633; +--body-animation: flicker; --logo: url(https://gilbn.github.io/theme.park/CSS/addons/unraid/login-page/alien/logo/wings_blue.png) center no-repeat; --text-color: #70d7f6; --input-color: #70d7f6; diff --git a/CSS/addons/unraid/login-page/retro-terminal/custom.css b/CSS/addons/unraid/login-page/retro-terminal/custom.css index e9408a5b..e8f7033c 100644 --- a/CSS/addons/unraid/login-page/retro-terminal/custom.css +++ b/CSS/addons/unraid/login-page/retro-terminal/custom.css @@ -1,13 +1,15 @@ /*_____________________CUSTOM_THEME______________________*/ -/*--body-before:#70d7f61a; /* This is the background that flickers, background uses a transparency of 10%, SET IT TO BLACK TO REMOVE FLICKER! */ -/*--body-after: #70d7f61a; /* This is the background that creates the crt lines, background uses a transparency of 20% */ -/*--custom-text-header-animation: textflicker; /* SET TO NONE TO REMOVE THE FLICKER ANIMATION! */ +/* --body-before:#00ff771a; /* This is the background that creates the crt lines, background uses a transparency of 10% SET TO NONE TO REMOVE CRT EFFECT */ +/* --body-after: #00ff7733; /* This is the background that creates the crt lines, background uses a transparency of 20% SET TO NONE TO REMOVE CRT EFFECT */ +/* --body-animation: flicker; This is the background that flickers. SET TO NONE TO REMOVE THE FLICKER ANIMATION! */ +/* --custom-text-header-animation: textflicker; /* SET TO NONE TO REMOVE THE FLICKER ANIMATION! */ @import url(https://gilbn.github.io/theme.park/CSS/addons/unraid/login-page/retro-terminal/retro-terminal-base.css); :root { --main-bg-color:black; --body-before:#70d7f61a; --body-after: #70d7f633; +--body-animation: flicker; --logo: url(https://gilbn.github.io/theme.park/CSS/addons/unraid/login-page/alien/logo/wings_shadow.png) center no-repeat; --text-color: #ffffff; --input-color: #ffffff; diff --git a/CSS/addons/unraid/login-page/retro-terminal/green.css b/CSS/addons/unraid/login-page/retro-terminal/green.css index 25ab3968..24eb602b 100644 --- a/CSS/addons/unraid/login-page/retro-terminal/green.css +++ b/CSS/addons/unraid/login-page/retro-terminal/green.css @@ -1,6 +1,7 @@ /*_____________________GREEN_THEME______________________*/ -/* --body-before:#00ff771a; /* This is the background that flickers, background uses a transparency of 10% */ -/* --body-after: #00ff7733; /* This is the background that creates the crt lines, background uses a transparency of 20% */ +/* --body-before:#00ff771a; /* This is the background that creates the crt lines, background uses a transparency of 10% SET TO NONE TO REMOVE CRT EFFECT */ +/* --body-after: #00ff7733; /* This is the background that creates the crt lines, background uses a transparency of 20% SET TO NONE TO REMOVE CRT EFFECT */ +/* --body-animation: flicker; This is the background that flickers. SET TO NONE TO REMOVE THE FLICKER ANIMATION! */ /* --custom-text-header-animation: textflicker; /* SET TO NONE TO REMOVE THE FLICKER ANIMATION! */ @import url(https://gilbn.github.io/theme.park/CSS/addons/unraid/login-page/retro-terminal/retro-terminal-base.css); @@ -8,6 +9,7 @@ --main-bg-color:black; --body-before:#00ff771a; --body-after: #00ff7733; +--body-animation: flicker; --logo: url(https://gilbn.github.io/theme.park/CSS/addons/unraid/login-page/alien/logo/wings_green.png) center no-repeat; --text-color: #37f592; --input-color: #37f592; diff --git a/CSS/addons/unraid/login-page/retro-terminal/red.css b/CSS/addons/unraid/login-page/retro-terminal/red.css index 668fdcd2..b7d3042b 100644 --- a/CSS/addons/unraid/login-page/retro-terminal/red.css +++ b/CSS/addons/unraid/login-page/retro-terminal/red.css @@ -1,13 +1,15 @@ /*_____________________RED_THEME______________________*/ -/*--body-before:#70d7f61a; /* This is the background that flickers, background uses a transparency of 10%, SET IT TO BLACK TO REMOVE FLICKER! */ -/*--body-after: #70d7f61a; /* This is the background that creates the crt lines, background uses a transparency of 20% */ -/*--custom-text-header-animation: textflicker; /* SET TO NONE TO REMOVE THE FLICKER ANIMATION! */ +/* --body-before:#00ff771a; /* This is the background that creates the crt lines, background uses a transparency of 10% SET TO NONE TO REMOVE CRT EFFECT */ +/* --body-after: #00ff7733; /* This is the background that creates the crt lines, background uses a transparency of 20% SET TO NONE TO REMOVE CRT EFFECT */ +/* --body-animation: flicker; This is the background that flickers. SET TO NONE TO REMOVE THE FLICKER ANIMATION! */ +/* --custom-text-header-animation: textflicker; /* SET TO NONE TO REMOVE THE FLICKER ANIMATION! */ @import url(https://gilbn.github.io/theme.park/CSS/addons/unraid/login-page/retro-terminal/retro-terminal-base.css); :root { --main-bg-color: black; --body-before: #ff00001a; --body-after: #ff000033; +--body-animation: flicker; --logo: url(https://gilbn.github.io/theme.park/CSS/addons/unraid/login-page/alien/logo/wings_red.png) center no-repeat; --text-color: #e22828; --input-color: #e22828; diff --git a/CSS/addons/unraid/login-page/retro-terminal/retro-terminal-base.css b/CSS/addons/unraid/login-page/retro-terminal/retro-terminal-base.css index 1d851e52..d325be7d 100644 --- a/CSS/addons/unraid/login-page/retro-terminal/retro-terminal-base.css +++ b/CSS/addons/unraid/login-page/retro-terminal/retro-terminal-base.css @@ -72,7 +72,7 @@ body::before { height: 100%; width: 100%; overflow: hidden; - animation: flicker 0.01s infinite; + animation: var(--body-animation) 0.01s infinite; pointer-events: none; } /* CRT BACKGROUND WITH LINES*/ diff --git a/CSS/addons/unraid/login-page/retro-terminal/white.css b/CSS/addons/unraid/login-page/retro-terminal/white.css index ab5029b0..db38c492 100644 --- a/CSS/addons/unraid/login-page/retro-terminal/white.css +++ b/CSS/addons/unraid/login-page/retro-terminal/white.css @@ -1,13 +1,15 @@ /*_____________________WHITE_THEME______________________*/ -/*--body-before:#70d7f61a; /* This is the background that flickers, background uses a transparency of 10%, SET IT TO BLACK TO REMOVE FLICKER! */ -/*--body-after: #70d7f61a; /* This is the background that creates the crt lines, background uses a transparency of 20% */ -/*--custom-text-header-animation: textflicker; /* SET TO NONE TO REMOVE THE FLICKER ANIMATION! */ +/* --body-before:#00ff771a; /* This is the background that creates the crt lines, background uses a transparency of 10% SET TO NONE TO REMOVE CRT EFFECT */ +/* --body-after: #00ff7733; /* This is the background that creates the crt lines, background uses a transparency of 20% SET TO NONE TO REMOVE CRT EFFECT */ +/* --body-animation: flicker; This is the background that flickers. SET TO NONE TO REMOVE THE FLICKER ANIMATION! */ +/* --custom-text-header-animation: textflicker; /* SET TO NONE TO REMOVE THE FLICKER ANIMATION! */ @import url(https://gilbn.github.io/theme.park/CSS/addons/unraid/login-page/retro-terminal/retro-terminal-base.css); :root { --main-bg-color:black; --body-before:#70d7f61a; --body-after: #70d7f633; +--body-animation: flicker; --logo: url(https://gilbn.github.io/theme.park/CSS/addons/unraid/login-page/alien/logo/wings_shadow.png) center no-repeat; --text-color: #ffffff; --input-color: #ffffff;