added bitwarden

CSS/themes/bazarr/organizr-dark.css

@@ -12,7 +12,7 @@
 /*			      https://github.com/gilbN/theme.park			 */
 
 /* BAZARR ORGANIZR-DARK THEME */
-@import url(https://gilbn.github.io/theme.park/CSS/themes/bazarr/bazarr-base.css);
+@import url(https://gflix.app/theme.park/CSS/themes/bazarr/bazarr-base.css);
 :root {
   --main-bg-color: #1f1f1f;
   --modal-bg-color: #1b1b1b;

CSS/themes/bitwarden/aquamarine.css

@@ -0,0 +1,26 @@
+
+/*    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 AQUAMARINE THEME */
+@import url(https://gilbn.github.io/theme.park/CSS/themes/bitwarden/bitwarden-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: #009688;
+  --button-color-hover: #12afa0;
+  --accent-color:  #12afa0;
+  --accent-color-hover: #fff;
+  --text: #eee;
+  --text-hover: #fff;
+  --link-color: #12afa0;
+}

CSS/themes/bitwarden/bitwarden-base.css

@@ -0,0 +1,176 @@
+/*    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			 */
+
+img.logo {
+    filter: invert(100);
+}
+body.layout_frontend,body {
+    background: var(--main-bg-color);
+    color: var(--text);
+}
+/* LINKS */
+a {
+    color: var(--link-color);
+}
+a:hover {
+    color: var(--link-color);
+    opacity: .8;
+}
+/* TEXT */
+.text-muted,.form-check-block .form-check-label > small,.modal-header small, .table {
+    color: var(--text) !important;
+    opacity: .8;
+}
+.table-hover tbody tr:hover {
+    color: var(--text-hover);
+    background-color: rgba(255, 255, 255, .08);
+}
+h3 {
+    color:white !important;
+}
+
+/* NAVBAR */
+.navbar {
+    background-color: rgb(0 0 0 / 25%) !important;
+}
+/* CARDS */
+.card {
+    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 > div a:first-of-type,app-vault-groupings .card li.active > div > .fa {
+    color: 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 {
+    background-color: rgb(0 0 0 / 15%) !important;
+}
+.password-number {
+    color: var(--accent-color);
+}
+/* MODALS */
+.modal-content,.modal-footer {
+    background: var(--modal-bg-color);
+}
+.close, .close:hover {
+    color: #fff;
+}
+.close:focus {
+    outline: none;
+}
+
+/* FORMS */
+.form-control:focus {
+    box-shadow: none;
+    border-color: transparent;
+}
+.form-control {
+    color: var(--text);
+    background-color: rgb(0 0 0 / 0.25);
+    border: 1px solid transparent;
+
+}
+.form-control:disabled, .form-control[readonly] {
+    background-color: rgb(255 255 255 / 50%);
+    opacity: 1;
+}
+/* DROPDOWN MENU */
+.dropdown-menu {
+    background: var(--modal-bg-color);
+    border: 1px solid transparent;
+    box-shadow: 3px 3px 10px rgba(0, 0, 0, .2);
+}
+.dropdown-item,.dropdown-item-text {
+    color: var(--text);
+}
+.dropdown-item:hover, .dropdown-item:focus {
+    color: var(--text-hover);
+    text-decoration: none;
+    background-color: rgb(255 255 255 / 0.08);
+}
+a.text-danger:hover, a.text-danger:focus {
+    color: #dd4b39 !important;
+    background-color: rgb(255 255 255 / 0.08) !important;
+}
+.dropdown-menu .text-danger {
+    font-weight: bold !important;
+    background: rgb(0 0 0 / 20%) !important;
+}
+/* SETTINGS */
+.list-group-item.active {
+    color: var(--text);
+    background-color: rgb(255 255 255 / 10%);
+    border-left: 3px solid var(--accent-color);
+}
+.callout {
+    background-color: rgb(255 255 255 / 15%);
+}
+
+.list-group-item {
+    background-color: rgb(0 0 0 / 25%);
+    border: 1px solid rgb(255 255 255 / 8%);
+}
+/* BUTTONS */
+.btn-link {
+    color: var(--button-color);
+}
+.btn-link:hover { 
+    color: var(--button-color);
+    opacity: .8;
+    transition: 0.15s;
+}
+.btn-primary {
+    background-color: var(--button-color);
+    border-color: var(--button-color);
+}
+.btn-primary:hover, .btn-primary:not(:disabled):not(.disabled):active {
+    background-color: var(--button-color);
+    opacity: .8;
+    transition: 0.15s;
+    border-color: var(--button-color)
+}
+.btn-primary:focus, .swal2-popup .swal2-actions button.swal2-confirm:focus, .btn-primary.focus, .swal2-popup .swal2-actions button.focus.swal2-confirm,
+.btn-primary:not(:disabled):not(.disabled):active:focus, .swal2-popup .swal2-actions button.swal2-confirm:not(:disabled):not(.disabled):active:focus, .btn-primary:not(:disabled):not(.disabled).active:focus, .swal2-popup .swal2-actions button.swal2-confirm:not(:disabled):not(.disabled).active:focus, .show > .btn-primary.dropdown-toggle:focus, .swal2-popup .swal2-actions .show > button.dropdown-toggle.swal2-confirm:focus{
+    box-shadow: none;
+}
+.btn[class*="btn-outline-"]:not(:hover), .swal2-popup .swal2-actions button[class*="btn-outline-"]:not(:hover) {
+    border-color: var(--button-color);
+    background-color: var(--button-color);
+    color: var(--text-hover);
+}
+.btn-outline-secondary:hover, .swal2-popup .swal2-actions button.swal2-cancel:hover {
+    color: var(--text-hover);
+    background-color: var(--button-color-hover);
+    border-color: var(--button-color-hover);
+}
+.btn-outline-secondary:hover:not(:disabled), .swal2-popup .swal2-actions button.swal2-cancel:hover:not(:disabled) {
+    color: var(--text-hover);
+}
+.btn-outline-primary:hover {
+    color: var(--text-hover);
+    background-color: var(--button-color-hover);
+    border-color: var(--button-color-hover);
+}
+.btn-outline-primary:not(:disabled):not(.disabled):active, .btn-outline-primary:not(:disabled):not(.disabled).active, .show > .btn-outline-primary.dropdown-toggle {
+    color: #fff;
+    background-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, .show > .btn-outline-primary.dropdown-toggle:focus {
+    box-shadow: none;
+}
+.btn-outline-secondary:not(:disabled):not(.disabled):active, .swal2-popup .swal2-actions button.swal2-cancel:not(:disabled):not(.disabled):active, .btn-outline-secondary:not(:disabled):not(.disabled).active, .swal2-popup .swal2-actions button.swal2-cancel:not(:disabled):not(.disabled).active, .show > .btn-outline-secondary.dropdown-toggle, .swal2-popup .swal2-actions .show > button.dropdown-toggle.swal2-cancel {
+    color: var(--text-hover);
+    background-color: var(--button-color-hover);
+    border-color: var(--button-color-hover);
+}

CSS/themes/bitwarden/dark.css

@@ -0,0 +1,26 @@
+
+/*    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 DARK THEME */
+@import url(https://gilbn.github.io/theme.park/CSS/themes/bitwarden/bitwarden-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: 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);
+}

CSS/themes/bitwarden/hotline.css

@@ -0,0 +1,26 @@
+
+/*    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 HOTLINE THEME */
+@import url(https://gilbn.github.io/theme.park/CSS/themes/bitwarden/bitwarden-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: 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;
+}

CSS/themes/bitwarden/organizr-dark.css

@@ -0,0 +1,26 @@
+
+/*    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 ORGANIZR-DARK THEME */
+@import url(https://gilbn.github.io/theme.park/CSS/themes/bitwarden/bitwarden-base.css);
+:root {
+  --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;
+}

CSS/themes/bitwarden/plex.css

@@ -0,0 +1,26 @@
+
+/*    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 PLEX THEME */
+@import url(https://gilbn.github.io/theme.park/CSS/themes/bitwarden/bitwarden-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;
+  --accent-color:  #e5a00d;
+  --accent-color-hover: #ffc107;
+  --text: #eee;
+  --text-hover: #fff;
+  --link-color:#fff;
+}

CSS/themes/bitwarden/space-gray.css

@@ -0,0 +1,26 @@
+
+/*    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 SPACE GRAY THEME */
+@import url(https://gilbn.github.io/theme.park/CSS/themes/bitwarden/bitwarden-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: #607D8B;
+  --button-color-hover: #81a6b7;
+  --accent-color: #81a6b7;
+  --accent-color-hover: #81a6b7;
+  --text: #eee;
+  --text-hover: #fff;
+  --link-color: #81a6b7;
+}

README.md

@@ -181,6 +181,12 @@
 <p><a href="https://github.com/gilbN/theme.park/wiki/Gaps">Gaps</a></p>
 </td>
 </tr>
+<tr>
+<td style="width: 90px; height: 40px; text-align: center;">
+<p><a href="https://github.com/gilbN/theme.park/wiki/Bitwarden"><img src="https://raw.githubusercontent.com/bitwarden/brand/master/icons/256x256.png" alt="" width="48" height="48" /></a></p>
+<p><a href="https://github.com/gilbN/theme.park/wiki/Bitwarden">Bitwarden</a></p>
+</td>
+</tr>
 </tbody>
 </table>