mirror of
https://github.com/gilbN/theme.park.git
synced 2024-08-18 16:09:36 +02:00
guac dracula theme
This commit is contained in:
parent
82154f7e89
commit
7bf0d305a6
@ -13,10 +13,4 @@
|
||||
|
||||
/* GUACAMOLE AQUAMARINE THEME */
|
||||
@import url(https://theme-park.dev/CSS/themes/guacamole/guacamole-base.css);
|
||||
:root {
|
||||
--main-bg-color: radial-gradient(ellipse at center, #47918a 0%, #0b3161 100%) center center/cover no-repeat fixed;
|
||||
--modal-bg-color: radial-gradient(ellipse at top, #47918a 0%, #0b3161 100%) center center/cover no-repeat fixed;
|
||||
|
||||
--button-color: rgba(0,0,0,.25);
|
||||
--button-color-hover: rgba(0,0,0,.45);
|
||||
}
|
||||
@import url(https://theme-park.dev/CSS/variables/aquamarine.css);
|
@ -13,10 +13,4 @@
|
||||
|
||||
/* GUACAMOLE DARK THEME */
|
||||
@import url(https://theme-park.dev/CSS/themes/guacamole/guacamole-base.css);
|
||||
:root {
|
||||
--main-bg-color: radial-gradient(circle, #3a3a3a, #2d2d2d, #202020, #141414, #000000) center center/cover no-repeat fixed;
|
||||
--modal-bg-color: radial-gradient(circle , #3a3a3a, #2d2d2d, #202020, #141414, #000000) center center/cover no-repeat fixed;
|
||||
|
||||
--button-color: #cc7b19;
|
||||
--button-color-hover: #e59029;
|
||||
}
|
||||
@import url(https://theme-park.dev/CSS/variables/dark.css);
|
16
CSS/themes/guacamole/dracula.css
Normal file
16
CSS/themes/guacamole/dracula.css
Normal file
@ -0,0 +1,16 @@
|
||||
|
||||
/* dP dP dP */
|
||||
/* 88 88 88 */
|
||||
/* d8888P 88d888b. .d8888b. 88d8b.d8b. .d8888b. 88d888b. .d8888b. 88d888b. 88 .dP */
|
||||
/* 88 88' `88 88ooood8 88'`88'`88 88ooood8 88' `88 88' `88 88' `88 88888" */
|
||||
/* 88 88 88 88. ... 88 88 88 88. ... 88. .88 88. .88 88 88 `8b. */
|
||||
/* dP dP dP `88888P' dP dP dP `88888P' 88 88Y888P' `88888P8 dP dP `YP */
|
||||
/* 88 */
|
||||
/* dP */
|
||||
|
||||
/* Made by @gilbN */
|
||||
/* https://github.com/gilbN/theme.park */
|
||||
|
||||
/* GUACAMOLE DRACULA THEME */
|
||||
@import url(https://theme-park.dev/CSS/themes/guacamole/guacamole-base.css);
|
||||
@import url(https://theme-park.dev/CSS/variables/dracula.css);
|
@ -10,6 +10,14 @@
|
||||
|
||||
/* Made by @gilbN */
|
||||
/* https://github.com/gilbN/theme.park */
|
||||
|
||||
|
||||
* {
|
||||
outline: none !important;
|
||||
}
|
||||
h1,h2,h3,h4,h5,h6 {
|
||||
color: var(--text-hover);
|
||||
}
|
||||
body {
|
||||
background: var(--main-bg-color) !important;
|
||||
background-repeat: repeat, no-repeat;
|
||||
@ -19,7 +27,7 @@
|
||||
-webkit-background-size: auto, cover;
|
||||
-moz-background-size: auto, cover;
|
||||
-o-background-size: auto, cover;
|
||||
color:#FFFFFF !important;
|
||||
color:var(--text) !important;
|
||||
}
|
||||
div.displayMiddle {
|
||||
background: var(--modal-bg-color);
|
||||
@ -31,6 +39,36 @@
|
||||
-moz-background-size: auto, cover;
|
||||
-o-background-size: auto, cover;
|
||||
}
|
||||
input::-webkit-input-placeholder {
|
||||
color: var(--text) !important;
|
||||
}
|
||||
input:focus::-webkit-input-placeholder {
|
||||
color: var(--text-hover) !important;
|
||||
}
|
||||
|
||||
/* Firefox < 19 */
|
||||
input:-moz-placeholder {
|
||||
color: var(--text) !important;
|
||||
}
|
||||
input:focus:-moz-placeholder {
|
||||
color: var(--text-hover) !important;
|
||||
}
|
||||
|
||||
/* Firefox > 19 */
|
||||
input::-moz-placeholder {
|
||||
color: var(--text) !important;
|
||||
}
|
||||
input:focus::-moz-placeholder {
|
||||
color: var(--text-hover) !important;
|
||||
}
|
||||
|
||||
/* Internet Explorer 10 */
|
||||
input:-ms-input-placeholder {
|
||||
color: var(--text) !important;
|
||||
}
|
||||
input:focus:-ms-input-placeholder {
|
||||
color: var(--text-hover) !important;
|
||||
}
|
||||
/* Scrollbar */
|
||||
@media only screen and (min-width: 768px) {
|
||||
html {
|
||||
@ -87,9 +125,10 @@
|
||||
input[type="submit"]:hover, button:hover, a.button:hover {
|
||||
background-color: var(--button-color-hover);
|
||||
border: none;
|
||||
cursor: pointer;
|
||||
}
|
||||
.login-ui .login-fields .labeled-field input:focus {
|
||||
background: #1f1f1f !important;
|
||||
background: rgba(0,0,0,0.45) !important;
|
||||
outline: none;
|
||||
}
|
||||
.login-ui .login-fields .labeled-field.empty input {
|
||||
@ -97,24 +136,24 @@
|
||||
outline: none;
|
||||
}
|
||||
.login-ui .login-fields .labeled-field.empty input:focus {
|
||||
background: #1f1f1f !important;
|
||||
background: rgba(0,0,0,0.45) !important;
|
||||
outline: none;
|
||||
}
|
||||
.login-ui .login-dialog .login-fields input {
|
||||
background-color: #1f1f1f !important;
|
||||
background-color: rgba(0,0,0,0.45) !important;
|
||||
}
|
||||
div.location, input[type=text], input[type=email], input[type=number], input[type=password], textarea {
|
||||
color: white !important;
|
||||
background: rgba(0, 0, 0, 0.25) !important;
|
||||
}
|
||||
input[type=checkbox], input[type=number], input[type=text], input[type=email], input[type=radio], label, textarea {
|
||||
color: white !important;
|
||||
input[type=checkbox], input[type=number], input[type=text], input[type=email], input[type=radio], textarea {
|
||||
color: var(--text-hover) !important;
|
||||
background: transparent;
|
||||
}
|
||||
|
||||
/* HOME MENU */
|
||||
.header h2 {
|
||||
color: white;
|
||||
color: var(--text-hover);
|
||||
background-color: rgba(0, 0, 0, 0.25);
|
||||
}
|
||||
|
||||
@ -170,6 +209,16 @@
|
||||
table.sorted th.sort-primary:after {
|
||||
background-image: url(https://raw.githubusercontent.com/gilbN/theme.park/master/Resources/guacamole/down.png);
|
||||
}
|
||||
|
||||
thead {
|
||||
color: var(--text-hover);
|
||||
}
|
||||
table.sorted th, table.sorted td {
|
||||
border: 1px solid rgb(255 255 255 / 15%);
|
||||
}
|
||||
.settings table.session-list tr.session:hover {
|
||||
background: rgba(255, 255, 255, 0.15);
|
||||
}
|
||||
.menu-dropdown.open, .menu-dropdown.open:hover {
|
||||
background: rgba(0, 0, 0, 0.25);
|
||||
}
|
||||
@ -180,24 +229,25 @@
|
||||
.menu-dropdown .menu-contents li a {
|
||||
display: block;
|
||||
cursor: pointer;
|
||||
color: white;
|
||||
color: var(--text);
|
||||
text-decoration: none;
|
||||
padding: .75em;
|
||||
background: #1f1f1f;
|
||||
}
|
||||
.menu-dropdown .menu-contents li a.current, .menu-dropdown .menu-contents li a.current:hover {
|
||||
background-color: rgba(0,0,0,.25);
|
||||
opacity: .9;
|
||||
color:var(--text-hover)
|
||||
}
|
||||
.menu-dropdown .menu-contents li a:hover {
|
||||
background-color: rgba(0,0,0,.25);
|
||||
color: var(--text-hover);
|
||||
}
|
||||
.menu-dropdown:hover {
|
||||
background: rgba(0, 0, 0, 0.25);
|
||||
color: var(--text-hover);
|
||||
}
|
||||
|
||||
.menu-dropdown .menu-contents {
|
||||
background: #1f1f1f;
|
||||
background: var(--drop-down-menu-bg);
|
||||
|
||||
}
|
||||
.header .filter input {
|
||||
@ -208,7 +258,7 @@
|
||||
border: 0;
|
||||
border-left: 1px solid rgba(0,0,0,0.125);
|
||||
background-color: transparent;
|
||||
color: white;
|
||||
color: var(--text-hover);
|
||||
}
|
||||
.header .filter {
|
||||
background-color: rgba(0, 0, 0, 0.25);
|
||||
@ -226,24 +276,30 @@
|
||||
border: 0;
|
||||
}
|
||||
div.location, input[type=text], input[type=email], input[type=number], input[type=password], textarea {
|
||||
color: white;
|
||||
color: var(--text-hover);
|
||||
}
|
||||
|
||||
|
||||
.user a:visited, .connection a:visited, .connection-group a:visited {
|
||||
text-decoration: none;
|
||||
color: white;
|
||||
color: var(--link-color-hover);
|
||||
}
|
||||
.recent-connections .connection:hover {
|
||||
background: hsla(0, 0%, 100%, 0.08);
|
||||
color: var(--link-color-hover);
|
||||
}
|
||||
.list-item:not(.selected) .caption:hover {
|
||||
background: hsla(0, 0%, 100%, 0.07);
|
||||
color: var(--link-color-hover);
|
||||
}
|
||||
.list-item .name {
|
||||
color: white;
|
||||
color: var(--link-color);
|
||||
}
|
||||
|
||||
.list-item:not(.selected) .caption:hover .name {
|
||||
color: var(--link-color-hover);
|
||||
}
|
||||
|
||||
/* SIDE MENU */
|
||||
.menu, .menu .header {
|
||||
background: var(--modal-bg-color) !important;
|
||||
@ -306,14 +362,14 @@
|
||||
}
|
||||
.user a:visited, .connection a:visited, .connection-group a:visited {
|
||||
text-decoration: none;
|
||||
color: white;
|
||||
color: var(--link-color);
|
||||
}
|
||||
.user a:hover, .user-group a:hover, .connection a:hover, .connection-group a:hover {
|
||||
color: #ffffff !important;
|
||||
.user a:hover, .user-group a:hover, .connection a:hover, .connection-group a:hover, a.ng-binding:hover:not(.add-user):not(.button) {
|
||||
color: var(--link-color-hover) !important;
|
||||
}
|
||||
.user a, .connection a, .connection-group a {
|
||||
.user a, .connection a, .connection-group a, a.ng-binding:not(.add-user):not(.button){
|
||||
text-decoration: none;
|
||||
color: white;
|
||||
color: var(--link-color);
|
||||
}
|
||||
div.location, input[type=text], input[type=email], input[type=number], input[type=password], textarea {
|
||||
border: 0;
|
||||
@ -324,10 +380,16 @@
|
||||
}
|
||||
/* USER SETTINGS */
|
||||
.page-tabs .page-list li a[href], .section-tabs li a {
|
||||
color: white;
|
||||
color: var(--text) !important;
|
||||
}
|
||||
.page-tabs .page-list li a[href].current, .page-tabs .page-list li a[href].current:hover, .section-tabs li a.current, .section-tabs li a.current:hover {
|
||||
background: rgba(0,0,0,0.25);
|
||||
cursor: default;
|
||||
color: rgb(var(--accent-color)) !important;
|
||||
}
|
||||
.page-tabs .page-list li a[href]:hover, .section-tabs li a:hover {
|
||||
background-color: hsla(0, 0%, 100%, 0.07);
|
||||
color: var(--text-hover) !important;
|
||||
}
|
||||
.manage-user .page-tabs .page-list li.linked a[href]:before {
|
||||
background-image: url(https://raw.githubusercontent.com/gilbN/theme.park/master/Resources/guacamole/checkmark.png);
|
||||
@ -364,16 +426,16 @@
|
||||
background-color: #333 !important;
|
||||
}
|
||||
h1.spacious-frame-view {
|
||||
color: white !important;
|
||||
color: var(--text-hover) !important;
|
||||
}
|
||||
@media screen and (-webkit-max-device-pixel-ratio: 1.25), screen and (max-resolution: 120dpi) {
|
||||
h1, .h1 {
|
||||
color: white !important;
|
||||
color: var(--text-hover) !important;
|
||||
}
|
||||
}
|
||||
.white-wrapper {
|
||||
background-color: #333 !important;
|
||||
color: white !important;
|
||||
color: var(--text) !important;
|
||||
}
|
||||
form:not(.inline) fieldset {
|
||||
background-color: #333 !important;
|
||||
@ -382,7 +444,7 @@
|
||||
color: white !important;
|
||||
}
|
||||
input[type=radio] {
|
||||
border: 1px solid #fff !important;
|
||||
border: 1px solid var(--text-hover) !important;
|
||||
}
|
||||
/* Connection */
|
||||
|
||||
@ -395,7 +457,7 @@
|
||||
-webkit-background-size: auto, cover;
|
||||
-moz-background-size: auto, cover;
|
||||
-o-background-size: auto, cover;
|
||||
color: #FFF;
|
||||
color: var(--text);
|
||||
}
|
||||
/* File Transfer */
|
||||
#file-transfer-dialog .transfer-manager {
|
||||
@ -423,4 +485,15 @@
|
||||
-webkit-background-size: auto, cover;
|
||||
-moz-background-size: auto, cover;
|
||||
-o-background-size: auto, cover;
|
||||
}
|
||||
|
||||
.related-objects .abbreviated-related-objects ul li {
|
||||
display: inline-block;
|
||||
margin: .25em;
|
||||
padding: .25em;
|
||||
border: 1px solid rgb(var(--accent-color));
|
||||
background: rgb(var(--accent-color));
|
||||
}
|
||||
.related-objects .abbreviated-related-objects ul li label span {
|
||||
color: var(--label-text-color) !important;
|
||||
}
|
@ -13,10 +13,4 @@
|
||||
|
||||
/* GUACAMOLE HOTLINE THEME */
|
||||
@import url(https://theme-park.dev/CSS/themes/guacamole/guacamole-base.css);
|
||||
:root {
|
||||
--main-bg-color: radial-gradient(ellipse at center, #F44336 0%, #0b3161 100%) center center/cover no-repeat fixed;
|
||||
--modal-bg-color: radial-gradient(ellipse at top, #F44336 0%, #0b3161 100%) center center/cover no-repeat fixed;
|
||||
|
||||
--button-color: rgba(0,0,0,.25);
|
||||
--button-color-hover: rgba(0,0,0,.45);
|
||||
}
|
||||
@import url(https://theme-park.dev/CSS/variables/hotline.css);
|
@ -13,10 +13,4 @@
|
||||
|
||||
/* GUACAMOLE ORGANIZR-DARK THEME */
|
||||
@import url(https://theme-park.dev/CSS/themes/guacamole/guacamole-base.css);
|
||||
:root {
|
||||
--main-bg-color: #1f1f1f;
|
||||
--modal-bg-color: #1b1b1b;
|
||||
|
||||
--button-color: #2cabe3;
|
||||
--button-color-hover: rgb(44 171 227 / .8);
|
||||
}
|
||||
@import url(https://theme-park.dev/CSS/variables/organizr-dark.css);
|
@ -13,10 +13,4 @@
|
||||
|
||||
/* GUACAMOLE PLEX THEME */
|
||||
@import url(https://theme-park.dev/CSS/themes/guacamole/guacamole-base.css);
|
||||
:root {
|
||||
--main-bg-color: url("https://raw.githubusercontent.com/gilbN/theme.park/master/Resources/blur-noise.png"), url("https://raw.githubusercontent.com/gilbN/theme.park/master/Resources/preset-light2.png") center center/cover no-repeat fixed;
|
||||
--modal-bg-color: url("https://raw.githubusercontent.com/gilbN/theme.park/master/Resources/blur-noise.png"), url("https://raw.githubusercontent.com/gilbN/theme.park/master/Resources/preset-dark2.png") center center/cover no-repeat fixed;
|
||||
|
||||
--button-color: #cc7b19;
|
||||
--button-color-hover: #e59029;
|
||||
}
|
||||
@import url(https://theme-park.dev/CSS/variables/plex.css);
|
@ -13,9 +13,4 @@
|
||||
|
||||
/* GUACAMOLE SPACE GRAY THEME */
|
||||
@import url(https://theme-park.dev/CSS/themes/guacamole/guacamole-base.css);
|
||||
:root {
|
||||
--main-bg-color: radial-gradient( ellipse at center, rgba(87,108,117,1) 0%, rgba(37,50,55,1) 100.2% ) center center/cover no-repeat fixed;
|
||||
--modal-bg-color: radial-gradient( ellipse at top, rgba(87,108,117,1) 0%, rgba(37,50,55,1) 100.2% ) center center/cover no-repeat fixed;
|
||||
--button-color: rgba(255, 255, 255, 0.15);
|
||||
--button-color-hover: rgba(255, 255, 255, 0.25);
|
||||
}
|
||||
@import url(https://theme-park.dev/CSS/variables/space-gray.css);
|
Loading…
Reference in New Issue
Block a user