minbrowser · jefersonqui-dev · May 17, 2025 · May 18, 2025 · May 18, 2025 · May 18, 2025
diff --git a/css/base.css b/css/base.css
@@ -3,12 +3,26 @@
   padding: 0;
   box-sizing: border-box;
   font-size: 16px;
-  font-family: ".SFNSText-Regular", "BlinkMacSystemFont", "Helvetica Neue",
-    "Segoe UI", "Arial", sans-serif;
+  /* font-family: ".SFNSText-Regular", "BlinkMacSystemFont", "Helvetica Neue",
+    "Segoe UI", "Arial", sans-serif; */
+
+    font-family: 'Roboto', monospace;
+  /* font-family: "Amore", cursive; */
+}
+:root{
+  --navy: #112240;
+  --slate: #8892b0;
+  --green: #64ffda;
+  --light-slate: #ccd6f6;
 }
+
+
+
+
+
 /* TODO figure out why the default focus color in Electron is orange */
 *:focus {
-  outline-color: rgb(0, 117, 255);
+  outline-color: rgb(0, 255, 191);
 }
 .dark-mode *:focus {
   outline-color: transparent;
@@ -25,7 +39,7 @@ button {
   -webkit-appearance: none;
   background: none;
   border: none;
-  color: inherit;
+  color: var(--light-slate);
   outline: none;
 }
 body,
@@ -38,23 +52,31 @@ html {
 }
 
 body.dark-mode {
-  background-color: rgb(33, 37, 43);
+  /* background-color: rgb(33, 37, 43); Color Principal */
+  background-color: var(--navy);
   color: lightgrey;
 }
 
 h1,
 h2,
 h3 {
   font-size: 5em;
-  font-weight: 300;
+  font-weight: 400;
   opacity: 0.8;
   margin: 0.5em 0;
-  color: inherit;
+  color: var(--light-slate);
   text-align: center;
 }
 h2 {
   text-align: left;
   font-size: 2.75em;
+  margin: 0.5em 0;
+  font-weight: 600;
+  opacity: 0.8;
+  color: var(--light-slate);
+}
+h2:first-of-type {
+  border-top: none;
 }
 h3 {
   text-align: left;
@@ -78,12 +100,12 @@ h1 + h2 {
 }
 
 a {
-  color: royalblue;
+  color: var(--green);
   text-decoration: none;
 }
 
 .dark-mode a {
-  color: dodgerblue;
+  color: var(--green);
 }
 
 .dark-mode input,
@@ -95,19 +117,36 @@ a {
 
 /* styled scrollbars */
 
-.has-thin-scrollbar::-webkit-scrollbar {
-  height: 0.25em;
+/* Estilo global para todas las scrollbars */
+::-webkit-scrollbar {
+  width: 8px; /* Ancho reducido */
+  height: 8px; /* Alto reducido para scrollbars horizontales */
 }
-.has-thin-scrollbar::-webkit-scrollbar-track {
-  background-color: rgba(0, 0, 0, 0.05);
+
+::-webkit-scrollbar-track {
+  background: transparent; /* Hacemos el track invisible */
 }
-.has-thin-scrollbar::-webkit-scrollbar-thumb {
-  background-color: rgba(0, 0, 0, 0.175);
-  border-radius: 0.25em;
+
+::-webkit-scrollbar-thumb {
+  background-color: rgba(0, 0, 0, 0.3); /* Un color oscuro semitransparente para el thumb */
+  border-radius: 10px; /* Bordes redondeados */
+  border: 2px solid transparent; /* Espacio alrededor del thumb */
+  background-clip: content-box; /* Para que el borde sea transparente y no afecte el color del thumb */
 }
-.dark-theme .has-thin-scrollbar::-webkit-scrollbar-track {
-  background-color: rgba(255, 255, 255, 0.25);
+
+::-webkit-scrollbar-thumb:hover {
+  background-color: rgba(0, 0, 0, 0.5);
 }
-.dark-theme .has-thin-scrollbar::-webkit-scrollbar-thumb {
-  background-color: rgba(255, 255, 255, 0.6);
+
+/* Estilo para el tema oscuro */
+body.dark-mode ::-webkit-scrollbar-thumb {
+  background-color: rgba(255, 255, 255, 0.3); /* Un color claro semitransparente para el thumb en modo oscuro */
+}
+
+body.dark-mode ::-webkit-scrollbar-thumb:hover {
+  background-color: rgba(255, 255, 255, 0.5);
+}
+
+.section-separator {
+  /* Eliminado: restauración del archivo original */
 }
diff --git a/css/bookmarkManager.css b/css/bookmarkManager.css
@@ -88,7 +88,7 @@
   padding: 0.35em 0.5em;
   border-radius: 3px;
   background: transparent;
-  color: inherit;
+  color: var(--light-slate);
   border: 1px rgba(0, 0, 0, 0.125) solid;
   opacity: 0.8;
 }

diff --git a/css/findinpage.css b/css/findinpage.css
@@ -21,13 +21,13 @@ body.linux #findinpage-bar {
   appearance: none;
   outline: none;
   border: 0;
-  background: inherit;
-  color: inherit;
+  background: var(--navy);
+  color: var(--light-slate);
   min-width: 80px;
 }
 #findinpage-bar #findinpage-input::-webkit-input-placeholder {
   opacity: 0.75;
-  color: inherit;
+  color: var(--light-slate);
 }
 #findinpage-bar .divider {
   height: 100%;

diff --git a/css/modal.css b/css/modal.css
@@ -1,3 +1,4 @@
+
 #overlay {
   display: none;
 }
@@ -54,7 +55,7 @@ body.dark-mode #overlay {
 }
 
 .dark-mode .modal {
-  background-color: rgb(33, 37, 43);
+  background-color: var(--navy);
 }
 
 .modal-close-button {

diff --git a/css/newTabPage.css b/css/newTabPage.css
@@ -39,7 +39,7 @@ body:not(.is-ntp) #ntp-content {
 }
 
 .dark-mode #ntp-background-controls button {
-    background: rgb(33, 37, 43);
+    background: var(--navy);
     border-color: #aaa;
     color: white;
 }

diff --git a/css/passwordCapture.css b/css/passwordCapture.css
@@ -19,7 +19,7 @@
 }
 
 #password-capture-save {
-  background: royalblue;
+  background: var(--green);
   color: white;
   padding: 0.33em 2em;
   border-radius: 3px;

diff --git a/css/tabBar.css b/css/tabBar.css
@@ -27,7 +27,8 @@
 /* dark colors don't need to be darkened as much for contrast */
 
 .dark-theme #navbar:before {
-  background: rgba(255, 255, 255, 0.15);
+  /* background: rgba(255, 255, 255, 0.15); */
+  background: var(--navy);
 }
 
 /* navbar buttons */
@@ -432,3 +433,7 @@ body:not(.dark-theme) .progress-bar {
   transform: translateX(0%);
   transition: transform 500ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
 }
+
+.tab-bar, .navbar-action-button, .tab-item {
+  font-family: 'MesloLGL Nerd Font', 'MesloLGL NF', 'MesloLGLDZ Nerd Font', 'MesloLGLDZ NF', monospace;
+}
diff --git a/css/tabEditor.css b/css/tabEditor.css
@@ -17,15 +17,15 @@
   background: none;
   -webkit-appearance: none;
   border: none;
-  color: inherit;
+  color: var(--light-slate);
   flex: 1;
   height: 1.5em;
   outline: none;
   -webkit-user-select: auto;
   -webkit-app-region: no-drag;
 }
 #tab-editor-input::-webkit-input-placeholder {
-  color: inherit;
+  color: var(--light-slate);
   opacity: 0.5;
   line-height: 1.25em;
 }

diff --git a/css/taskOverlay.css b/css/taskOverlay.css
@@ -1,7 +1,7 @@
 .simulated-navbar {
   width: 100%;
   height: calc(36px + var(--control-space-top));
-  background-color: inherit;
+  background-color: var(--navy);
   z-index: 1;
   border-bottom: 1px rgba(0, 0, 0, 0.1) solid;
   display: flex;
@@ -57,7 +57,7 @@
 }
 
 #switch-task-button.active {
-  color: royalblue !important;
+  color: var(--green) !important;
 }
 
 #switch-task-button svg {
@@ -201,22 +201,22 @@ body:not(.touch)
   appearance: none;
   flex: 1;
   font-size: 1.2em;
-  color: inherit;
+  color: var(--light-slate);
   border: 0;
   background-color: transparent !important;
   opacity: 0.75;
   margin: 0.5em 0.75em 0.5em 0.5em;
 }
 .task-name::-webkit-input-placeholder {
-  color: inherit;
+  color: var(--light-slate);
   opacity: 0.8;
 }
 #add-task {
   width: 80%;
   margin-left: 10%;
   padding: 1.25em;
   text-align: center;
-  color: inherit;
+  color: var(--light-slate);
   background-color: rgb(245, 245, 245);
   cursor: pointer;
 }
@@ -237,8 +237,8 @@ body:not(.touch)
 }
 
 .dark-mode #add-task {
-  background-color: rgb(33, 37, 43);
-  color: lightgrey;
+  background-color: var(--navy);
+  color: var(--slate);
 }
 .dark-mode .is-dragging-tab #add-task {
   background: none;
@@ -301,11 +301,11 @@ body:not(.touch)
 
 body.dark-mode #task-overlay {
   background-color: rgb(40, 44, 52) !important;
-  color: lightgrey;
+  color: var(--slate);
 }
 
 .dark-mode #switch-task-button {
-  color: dodgerblue;
+  color: var(--green);
 }
 
 .tab-drop-placeholder, .task-drop-placeholder {

diff --git a/css/webviews.css b/css/webviews.css
@@ -7,7 +7,7 @@
   width: 140px;
   height: 140px;
   border-radius: 70px;
-  background: #000;
+  background: var(--navy);
   position: fixed;
   top: 50%;
   z-index: 1;

diff --git a/index.html b/index.html
@@ -4,7 +4,7 @@
     <meta charset="UTF-8" />
     <meta http-equiv="Content-Security-Policy" content="script-src 'self'" />
 
-    <title>Min</title>
+    <title>Apu</title>
 
     <link rel="stylesheet" href="dist/bundle.css" />
     <link rel="stylesheet" href="ext/icons/iconfont.css" />