Added dark theme, bitwarden import and lastpass import

Rabbit-Company · May 31, 2021 · 931469a · 931469a
1 parent 8947aa1
commit 931469a
Show file tree

Hide file tree

Showing 20 changed files with 1,277 additions and 557 deletions.
diff --git a/css/export.css b/css/export.css
@@ -0,0 +1,37 @@
+::-webkit-scrollbar {
+    width: 8px;
+}
+
+body{
+    min-width: 500px;
+    min-height: 500px;
+    overflow-x: hidden;
+}
+
+#passky-logo{
+    background-color: #e6f5ff;
+}
+
+#bitwarden-logo{
+    background-color: #3c8dbc;
+}
+
+#lastpass-logo{
+    background-color: #d12f2e;
+}
+
+#dashline-logo{
+    background-color: #0e353d;
+}
+
+#onepassword-logo{
+    background-color: #fff;
+}
+
+#keeper-logo{
+    background-color: #fff;
+}
+
+#nordpass-logo{
+    background-color: #d3f8f7;
+}
diff --git a/css/index.css b/css/index.css
@@ -0,0 +1,3 @@
+body{
+    min-width: 300px;
+}
diff --git a/css/passwords.css b/css/passwords.css
@@ -2,18 +2,8 @@
     width: 8px;
 }
 
-::-webkit-scrollbar-track {
-    background: #f1f1f1;
-}
-
-::-webkit-scrollbar-thumb {
-    background: #8580e5;
-}
-
-::-webkit-scrollbar-thumb:hover {
-    background: #4E47E0;
-}
-
 body{
+    min-width: 500px;
+    min-height: 500px;
     overflow-x: hidden;
 }
diff --git a/css/themes/dark.css b/css/themes/dark.css
@@ -0,0 +1,211 @@
+/*
+
+    Dark theme
+
+*/
+
+/*
+    Text colors
+*/
+
+.primaryColor{
+    color: #4F46E5 !important;
+}
+
+.secondaryColor{
+    color: #6B7280 !important;
+}
+
+.tertiaryColor{
+    color: #DFE5EB !important;
+}
+
+/*
+    Background colors
+*/
+
+.primaryBackgroundColor{
+    background-color: #0D1117 !important;
+}
+
+.secondaryBackgroundColor{
+    background-color: #161B22 !important;
+}
+
+.tertiaryBackgroundColor{
+    background-color: #21262D !important;
+}
+
+.quaternaryBackgroundColor{
+    background-color: #4F46E5 !important;
+}
+
+/*
+    Button colors
+*/
+
+.primaryButton{
+    background-color: #4F46E5 !important;
+    color: #DFE5EB !important;
+}
+
+.primaryButton:hover{
+    background-color: #4338CA !important;
+}
+
+.successButton{
+    background-color: #059669 !important;
+    color: #DFE5EB !important;
+}
+
+.successButton:hover{
+    background-color: #047857 !important;
+}
+
+.dangerButton{
+    background-color: #DC2626 !important;
+    color: #DFE5EB !important;
+}
+
+.dangerButton:hover{
+    background-color: #B91C1C !important;
+}
+
+.cancelButton{
+    background-color: #21262D !important;
+    border-color: #161B22 !important;
+    color: #DFE5EB !important;
+}
+
+.cancelButton:hover{
+    background-color: #2b323b !important;
+}
+
+/*
+    Elements
+*/
+
+input{
+    background-color: #21262D !important;
+    color: #DFE5EB !important;
+    border-color: #16191d !important;
+}
+
+textarea{
+    background-color: #21262D !important;
+    color: #DFE5EB !important;
+    border-color: #16191d !important;
+}
+
+/*
+    Main menu
+*/
+
+.mainMenuLink{
+    color: #6B7280 !important;
+}
+
+.mainMenuLink:hover{
+    color: #DFE5EB !important;
+    border-color: #D1D5DB !important;
+}
+
+.mainMenuLinkSelected{
+    color: #DFE5EB !important;
+    border-color: #6366F1 !important;
+}
+
+.mainMenuMobileLink{
+    color: #DFE5EB !important;
+}
+
+.mainMenuMobileLink:hover{
+    background-color: #21262D !important;
+    border-color: #6B7280 !important;
+}
+
+.mainMenuMobileLinkSelected{
+    background-color: #21262D !important;
+    border-color: #6366F1 !important;
+    color: #6366F1 !important;
+}
+
+#main-menu-toggle-btn{
+    color: #9CA3AF !important;
+}
+
+#main-menu-toggle-btn:hover{
+    color: #6B7280 !important;
+    background-color: #21262D !important;
+}
+
+/*
+    Border colors
+*/
+
+.primaryBorderColor{
+    border-color: #16191d !important;
+}
+
+/*
+    Placeholder colors
+*/
+
+.primaryBorderColor::placeholder{
+    color: #6B7280;
+    opacity: 1;
+}
+
+.primaryBorderColor::-ms-input-placeholder { /* Microsoft Edge */
+    color: #6B7280;
+    opacity: 1;
+}
+
+/*
+    Stroke colors
+*/
+
+.primaryStrokeColor{
+    stroke: #DFE5EB !important;
+}
+
+/*
+    Passwords
+*/
+
+.passwordsBackgroundColor{
+    background-color: #0D1117 !important;
+}
+
+.passwordsBorderColor{
+    border-color: #111827 !important;
+}
+
+/*
+    Import and Export buttons
+*/
+
+.importExportButtons{
+    color: #b1bfce !important;
+    border-color: #0D1117 !important;
+}
+
+.importExportButtons:hover{
+    color: #91a6ba !important;
+}
+
+/*
+    Scroll bar
+*/
+
+::-webkit-scrollbar-track {
+    background: #161B22;
+}
+
+::-webkit-scrollbar-thumb {
+    background: #8580e5;
+}
+
+::-webkit-scrollbar-thumb:hover {
+    background: #4E47E0;
+}