topaLE
/
theme.park
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity
Browse Source

bitwarden 🧛 and varables update

pull/230/head
Marius 4 years ago
parent
2c95d0fa5b
commit
569a9d0a73
8 changed files with 94 additions and 115 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Unified View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 12
      CSS/themes/bitwarden/aquamarine.css
  2. 121
      CSS/themes/bitwarden/bitwarden-base.css
  3. 12
      CSS/themes/bitwarden/dark.css
  4. 16
      CSS/themes/bitwarden/dracula.css
  5. 12
      CSS/themes/bitwarden/hotline.css
  6. 12
      CSS/themes/bitwarden/organizr-dark.css
  7. 12
      CSS/themes/bitwarden/plex.css
  8. 12
      CSS/themes/bitwarden/space-gray.css

12
CSS/themes/bitwarden/aquamarine.css
View File

@ -13,14 +13,4 @@
/* BITWARDEN AQUAMARINE THEME */ /* BITWARDEN AQUAMARINE THEME */
@import url(https://theme-park.dev/CSS/themes/bitwarden/bitwarden-base.css); @import url(https://theme-park.dev/CSS/themes/bitwarden/bitwarden-base.css);
:root { @import url(https://theme-park.dev/CSS/variables/aquamarine.css);
--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: #009688;
--button-color-hover: #12afa0;
--accent-color: #12afa0;
--accent-color-hover: #fff;
--text: #eee;
--text-hover: #fff;
--link-color: #12afa0;
}

121
CSS/themes/bitwarden/bitwarden-base.css
View File

@ -25,13 +25,21 @@ body {
} }
/* LINKS */ /* LINKS */
a { a,
app-vault-groupings .card .card-body a,
app-org-vault-groupings .card .card-body a,
.groupings .card .card-body a {
color: var(--link-color); color: var(--link-color);
} }
a:hover { a:hover,
color: var(--link-color); app-vault-groupings .card li.active>a:first-of-type,
opacity: .8; app-vault-groupings .card li.active>div a:first-of-type,
app-org-vault-groupings .card li.active>a:first-of-type,
app-org-vault-groupings .card li.active>div a:first-of-type,
.groupings .card li.active>a:first-of-type,
.groupings .card li.active>div a:first-of-type {
color: var(--link-color-hover) !important;
} }
/* TEXT */ /* TEXT */
@ -40,8 +48,7 @@ a:hover {
.modal-header small, .modal-header small,
.table, .table,
.text-body { .text-body {
color: var(--text) !important; color: var(--text-muted) !important;
opacity: .8;
} }
.table-hover tbody tr:hover { .table-hover tbody tr:hover {
@ -49,28 +56,29 @@ a:hover {
background-color: rgba(255, 255, 255, .08); background-color: rgba(255, 255, 255, .08);
} }
h3 { h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6,label,label:not(.form-check-label):not(.btn), label.bold
color: white !important; .card-header:first-child,
.card-header, .modal-header {
color: var(--text-hover) !important;
} }
/* NAVBAR */ /* NAVBAR */
.navbar { .navbar {
background-color: rgb(0 0 0 / 25%) !important; background-color: rgb(0 0 0 / 25%) !important;
} }
.navbar-dark .navbar-nav .show>.nav-link, .navbar-dark .navbar-nav .active>.nav-link, .navbar-dark .navbar-nav .nav-link.show, .navbar-dark .navbar-nav .nav-link.active {
color: rgb(var(--accent-color));
}
/* CARDS */ /* CARDS */
.card { .card {
background-color: rgba(255, 255, 255, 0.07); background-color: rgba(255, 255, 255, 0.07);
} }
app-vault-groupings .card .card-body a {
color: var(--text);
}
app-vault-groupings .card li.active>a:first-of-type, app-vault-groupings .card li.active>a:first-of-type,
app-vault-groupings .card li.active>div a:first-of-type, app-vault-groupings .card li.active>div a:first-of-type,
app-vault-groupings .card li.active>div>.fa { app-vault-groupings .card li.active>div>.fa {
color: var(--accent-color); color: rgb(var(--accent-color));
} }
body>app-root>app-user-layout>app-tools>div>div>div.col-9>app-password-generator>div.card.card-password.bg-light.my-4 { body>app-root>app-user-layout>app-tools>div>div>div.col-9>app-password-generator>div.card.card-password.bg-light.my-4 {
@ -78,7 +86,7 @@ body>app-root>app-user-layout>app-tools>div>div>div.col-9>app-password-generator
} }
.password-number { .password-number {
color: var(--accent-color); color: rgb(var(--accent-color));
} }
/* MODALS */ /* MODALS */
@ -143,7 +151,7 @@ body>app-root>app-user-layout>app-tools>div>div>div.col-9>app-password-generator
.form-control:disabled, .form-control:disabled,
.form-control[readonly] { .form-control[readonly] {
background-color: rgb(255 255 255 / 50%); background-color: rgb(255 255 255 / 25%);
opacity: 1; opacity: 1;
} }
@ -181,7 +189,7 @@ a.text-danger:focus {
.list-group-item.active { .list-group-item.active {
color: var(--text); color: var(--text);
background-color: rgb(255 255 255 / 10%); background-color: rgb(255 255 255 / 10%);
border-left: 3px solid var(--accent-color); border-left: 3px solid rgb(var(--accent-color));
} }
.callout { .callout {
@ -196,25 +204,27 @@ a.text-danger:focus {
/* BUTTONS */ /* BUTTONS */
.btn-link { .btn-link {
color: var(--button-color); color: var(--button-color);
color: var(--button-text);
} }
.btn-link:hover { .btn-link:hover {
color: var(--button-color); color: var(--button-color-hover);
opacity: .8; color: var(--button-text-hover);
transition: 0.15s; transition: 0.15s;
} }
.btn-primary { .btn-primary {
background-color: var(--button-color); background-color: var(--button-color);
border-color: var(--button-color); border-color: var(--button-color);
color: var(--button-text);
} }
.btn-primary:hover, .btn-primary:hover,
.btn-primary:not(:disabled):not(.disabled):active { .btn-primary:not(:disabled):not(.disabled):active {
background-color: var(--button-color); background-color: var(--button-color-hover);
opacity: .8; border-color: var(--button-color-hover);
color: var(--button-text-hover);
transition: 0.15s; transition: 0.15s;
border-color: var(--button-color)
} }
.btn-primary:focus, .btn-primary:focus,
@ -231,26 +241,27 @@ a.text-danger:focus {
} }
.btn[class*="btn-outline-"]:not(:hover), .btn[class*="btn-outline-"]:not(:hover),
.swal2-popup .swal2-actions button[class*="btn-outline-"]:not(:hover) { .swal2-popup .swal2-actions button[class*="btn-outline-"]:not(:hover),
.swal2-popup .swal2-actions button.swal2-cancel {
border-color: var(--button-color); border-color: var(--button-color);
background-color: var(--button-color); background-color: var(--button-color);
color: var(--text-hover); color: var(--button-text);
} }
.btn-outline-secondary:hover, .btn-outline-secondary:hover,
.swal2-popup .swal2-actions button.swal2-cancel:hover { .swal2-popup .swal2-actions button.swal2-cancel:hover {
color: var(--text-hover); color: var(--button-text-hover);
background-color: var(--button-color-hover); background-color: var(--button-color-hover);
border-color: var(--button-color-hover); border-color: var(--button-color-hover);
} }
.btn-outline-secondary:hover:not(:disabled), .btn-outline-secondary:hover:not(:disabled),
.swal2-popup .swal2-actions button.swal2-cancel:hover:not(:disabled) { .swal2-popup .swal2-actions button.swal2-cancel:hover:not(:disabled) {
color: var(--text-hover); color: var(--button-text-hover);
} }
.btn-outline-primary:hover { .btn-outline-primary:hover {
color: var(--text-hover); color: var(--button-text-hover) !important;
background-color: var(--button-color-hover); background-color: var(--button-color-hover);
border-color: var(--button-color-hover); border-color: var(--button-color-hover);
} }
@ -258,15 +269,20 @@ a.text-danger:focus {
.btn-outline-primary:not(:disabled):not(.disabled):active, .btn-outline-primary:not(:disabled):not(.disabled):active,
.btn-outline-primary:not(:disabled):not(.disabled).active, .btn-outline-primary:not(:disabled):not(.disabled).active,
.show>.btn-outline-primary.dropdown-toggle { .show>.btn-outline-primary.dropdown-toggle {
color: #fff; color: var(--button-text-hover);
background-color: var(--button-color-hover); background-color: var(--button-color-hover);
border-color: var(--button-color-hover); border-color: var(--button-color-hover);
} }
.btn-outline-primary:not(:disabled):not(.disabled):active:focus, .btn-outline-primary:not(:disabled):not(.disabled):active:focus,
.btn-outline-primary:not(:disabled):not(.disabled).active:focus, .btn-outline-primary:not(:disabled):not(.disabled).active:focus,
.show>.btn-outline-primary.dropdown-toggle:focus { .show>.btn-outline-primary.dropdown-toggle:focus,
box-shadow: none; .btn-outline-secondary:focus,
.swal2-popup .swal2-actions button.swal2-cancel:focus,
.btn-outline-secondary.focus,
.swal2-popup .swal2-actions button.focus.swal2-cancel,
.btn-outline-primary:focus, .btn-outline-primary.focus {
box-shadow: 0 0 0 0.2rem rgb(var(--accent-color),.5);
} }
.btn-outline-secondary:not(:disabled):not(.disabled):active, .btn-outline-secondary:not(:disabled):not(.disabled):active,
@ -275,7 +291,7 @@ a.text-danger:focus {
.swal2-popup .swal2-actions button.swal2-cancel:not(:disabled):not(.disabled).active, .swal2-popup .swal2-actions button.swal2-cancel:not(:disabled):not(.disabled).active,
.show>.btn-outline-secondary.dropdown-toggle, .show>.btn-outline-secondary.dropdown-toggle,
.swal2-popup .swal2-actions .show>button.dropdown-toggle.swal2-cancel { .swal2-popup .swal2-actions .show>button.dropdown-toggle.swal2-cancel {
color: var(--text-hover); color: var(--button-text-hover);
background-color: var(--button-color-hover); background-color: var(--button-color-hover);
border-color: var(--button-color-hover); border-color: var(--button-color-hover);
} }
@ -293,7 +309,7 @@ a.text-danger:focus {
.swal2-popup .swal2-actions button.disabled.swal2-confirm, .swal2-popup .swal2-actions button.disabled.swal2-confirm,
.btn-primary:disabled, .btn-primary:disabled,
.swal2-popup .swal2-actions button.swal2-confirm:disabled { .swal2-popup .swal2-actions button.swal2-confirm:disabled {
color: #fff; color: var(--button-text-hover);
background-color: var(--button-color); background-color: var(--button-color);
border-color: var(--button-color); border-color: var(--button-color);
opacity: .8; opacity: .8;
@ -309,7 +325,7 @@ a.text-danger:focus {
} }
.org-nav .nav-tabs a.active { .org-nav .nav-tabs a.active {
border-top: 3px solid var(--accent-color); border-top: 3px solid rgb(var(--accent-color));
} }
.nav-tabs .nav-link.active, .nav-tabs .nav-link.active,
@ -319,10 +335,6 @@ a.text-danger:focus {
border-color: transparent; border-color: transparent;
} }
app-vault-groupings .card .card-body a,
app-org-vault-groupings .card .card-body a {
color: var(--text);
}
app-vault-groupings .card .card-body a:hover.text-muted { app-vault-groupings .card .card-body a:hover.text-muted {
color: #fff !important; color: #fff !important;
opacity: 1 !important; opacity: 1 !important;
@ -332,28 +344,39 @@ app-vault-groupings .card li.active>div a:first-of-type,
app-org-vault-groupings .card li.active>a:first-of-type, app-org-vault-groupings .card li.active>a:first-of-type,
app-org-vault-groupings .card li.active>div a:first-of-type { app-org-vault-groupings .card li.active>div a:first-of-type {
font-weight: bold; font-weight: bold;
color: var(--accent-color); color: rgb(var(--accent-color));
} }
/* PLACEHOLDER TEXT */ /* PLACEHOLDER TEXT */
::placeholder { input::-webkit-input-placeholder {
color: var(--text) !important; color: var(--text);
opacity: .5; }
input:focus::-webkit-input-placeholder {
color: #000;
} }
:-moz-placeholder { /* Firefox < 19 */
color: var(--text) !important; input:-moz-placeholder {
opacity: .5; color: var(--text);
}
input:focus:-moz-placeholder {
color: #000;
} }
:-ms-input-placeholder { /* Firefox > 19 */
color: var(--text) !important; input::-moz-placeholder {
opacity: .5; color: var(--text);
}
input:focus::-moz-placeholder {
color: #000;
} }
::-webkit-input-placeholder { /* Internet Explorer 10 */
color: var(--text) !important; input:-ms-input-placeholder {
opacity: .5; color: var(--text);
}
input:focus:-ms-input-placeholder {
color: #000;
} }
/* ADMIN PAGE */ /* ADMIN PAGE */

12
CSS/themes/bitwarden/dark.css
View File

@ -13,14 +13,4 @@
/* BITWARDEN DARK THEME */ /* BITWARDEN DARK THEME */
@import url(https://theme-park.dev/CSS/themes/bitwarden/bitwarden-base.css); @import url(https://theme-park.dev/CSS/themes/bitwarden/bitwarden-base.css);
:root { @import url(https://theme-park.dev/CSS/variables/dark.css);
--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: hsla(0,0%,100%,.15);
--button-color-hover: hsla(0,0%,100%,.30);
--accent-color: #fff;
--accent-color-hover: rgba(255, 255, 255, 0.45);
--text: #eee;
--text-hover: #fff;
--link-hover: rgba(255, 255, 255, 0.45);
}

16
CSS/themes/bitwarden/dracula.css
View 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 */
/* BITWARDEN DRACULA THEME */
@import url(https://theme-park.dev/CSS/themes/bitwarden/bitwarden-base.css);
@import url(https://theme-park.dev/CSS/variables/dracula.css);

12
CSS/themes/bitwarden/hotline.css
View File

@ -13,14 +13,4 @@
/* BITWARDEN HOTLINE THEME */ /* BITWARDEN HOTLINE THEME */
@import url(https://theme-park.dev/CSS/themes/bitwarden/bitwarden-base.css); @import url(https://theme-park.dev/CSS/themes/bitwarden/bitwarden-base.css);
:root { @import url(https://theme-park.dev/CSS/variables/hotline.css);
--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: hsla(0,0%,100%,.15);
--button-color-hover: hsla(0,0%,100%,.30);
--accent-color: #F44336;
--accent-color-hover: #0b3161;
--text: #eee;
--text-hover: #fff;
--link-hover: #F44336;
}

12
CSS/themes/bitwarden/organizr-dark.css
View File

@ -13,14 +13,4 @@
/* BITWARDEN ORGANIZR-DARK THEME */ /* BITWARDEN ORGANIZR-DARK THEME */
@import url(https://theme-park.dev/CSS/themes/bitwarden/bitwarden-base.css); @import url(https://theme-park.dev/CSS/themes/bitwarden/bitwarden-base.css);
:root { @import url(https://theme-park.dev/CSS/variables/organizr-dark.css);
--main-bg-color: #1f1f1f;
--modal-bg-color: #1b1b1b;
--button-color: #2cabe3;
--button-color-hover: rgb(44 171 227 / .8);
--accent-color:#2cabe3;
--accent-color-hover: #fff;
--text: #eee;
--text-hover: #fff;
--link-color: #2cabe3;
}

12
CSS/themes/bitwarden/plex.css
View File

@ -13,14 +13,4 @@
/* BITWARDEN PLEX THEME */ /* BITWARDEN PLEX THEME */
@import url(https://theme-park.dev/CSS/themes/bitwarden/bitwarden-base.css); @import url(https://theme-park.dev/CSS/themes/bitwarden/bitwarden-base.css);
:root { @import url(https://theme-park.dev/CSS/variables/plex.css);
--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;
--accent-color: #e5a00d;
--accent-color-hover: #ffc107;
--text: #eee;
--text-hover: #fff;
--link-color:#fff;
}

12
CSS/themes/bitwarden/space-gray.css
View File

@ -13,14 +13,4 @@
/* BITWARDEN SPACE GRAY THEME */ /* BITWARDEN SPACE GRAY THEME */
@import url(https://theme-park.dev/CSS/themes/bitwarden/bitwarden-base.css); @import url(https://theme-park.dev/CSS/themes/bitwarden/bitwarden-base.css);
:root { @import url(https://theme-park.dev/CSS/variables/space-gray.css);
--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: #607D8B;
--button-color-hover: #81a6b7;
--accent-color: #81a6b7;
--accent-color-hover: #81a6b7;
--text: #eee;
--text-hover: #fff;
--link-color: #81a6b7;
}
Write Preview
Loading…
Cancel
Save