v84 - [Light Theme Release] (#104)

CHANGELOG.md

@@ -1,6 +1,20 @@
 Changelog
 ---
 
+# 84.1-2.1.0 [Light Theme Party]
+
+![v84 Girls](https://doki.assets.unthrottled.io/misc/v84_girls.png)
+
+This release is not for my Dark Theme Normies. Dark themes are nice, but I like Light Themes too (and my Dark Theme Normies). I'm currently trying new things out. Sorry in advance if I made your eyes bleed. I might tweak some of them as time goes on, still not 100% on what looks good & also is a fun color.
+
+**6 New Light Themes!**
+
+- Tired & broken down programmers rejoice! Even though you will never be pampered by a real Fox-demigod, you can now at least code with one. Let "The Helpful Fox Senko-san" watch over you as complete your tickets. You can almost feel the "おかえりなのじゃ" you will never get 😭
+- I decided to complete my Quintessential Quintuplets collection by adding the oldest and youngest quint: Nakano Ichika & Nakano Itsuki.
+- Tomori Nao, from Charlotte, has an interesting dichotomy when it comes to her personality. She is super cute tho.
+- Have I ever seen Code Geass? No. Can I appreciate C.C. without having seen the anime? Yeah buddy.
+- Guess while I'm talking about "anime I haven't seen but, chose to make a theme because the girl is pretty." We now have Yuzuriha Inori from Guilty Crown.
+
 # 78.0-2.1.0 [Better Brave Support]
 
 - Added themes that are better suited to the Brave Browser in the `braveThemes` directory

braveThemes/Aqua's Extensions/newTab/manifest.json

@@ -1,7 +1,7 @@
 {
   "name": "Doki Theme for Brave: Aqua",
   "short_name": "Doki Theme",
-  "version": "78.2.2",
+  "version": "84.2.2",
   "description": "A collection of themes based on girls from various anime, manga, and visual novels series.",
   "manifest_version": 3,
   "icons": {

braveThemes/Aqua's Extensions/theme/manifest.json

@@ -1,7 +1,7 @@
 {
   "name": "Doki Theme: Aqua",
   "short_name": "Doki Theme",
-  "version": "78.2.2",
+  "version": "84.2.2",
   "description": "A dark theme modeled after Aqua from KonoSuba",
   "manifest_version": 3,
   "theme": {

braveThemes/Astolfo's Extensions/newTab/manifest.json

@@ -1,7 +1,7 @@
 {
   "name": "Doki Theme for Brave: Astolfo",
   "short_name": "Doki Theme",
-  "version": "78.2.2",
+  "version": "84.2.2",
   "description": "A collection of themes based on girls from various anime, manga, and visual novels series.",
   "manifest_version": 3,
   "icons": {

braveThemes/Astolfo's Extensions/theme/manifest.json

@@ -1,7 +1,7 @@
 {
   "name": "Doki Theme: Astolfo",
   "short_name": "Doki Theme",
-  "version": "78.2.2",
+  "version": "84.2.2",
   "description": "A dark theme modeled after Astolfo from Fate",
   "manifest_version": 3,
   "theme": {

braveThemes/Asuna Dark's Extensions/newTab/manifest.json

@@ -1,7 +1,7 @@
 {
   "name": "Doki Theme for Brave: Asuna Dark",
   "short_name": "Doki Theme",
-  "version": "78.2.2",
+  "version": "84.2.2",
   "description": "A collection of themes based on girls from various anime, manga, and visual novels series.",
   "manifest_version": 3,
   "icons": {

braveThemes/Asuna Dark's Extensions/theme/manifest.json

@@ -1,7 +1,7 @@
 {
   "name": "Doki Theme: Asuna Dark",
   "short_name": "Doki Theme",
-  "version": "78.2.2",
+  "version": "84.2.2",
   "description": "A dark theme modeled after Asuna from Sword Art Online",
   "manifest_version": 3,
   "theme": {
@@ -56,9 +56,9 @@
         28
       ],
       "omnibox_text": [
-        219,
-        151,
-        77
+        126,
+        202,
+        250
       ],
       "theme_toolbar": [
         40,

braveThemes/Asuna Light's Extensions/newTab/manifest.json

@@ -1,7 +1,7 @@
 {
   "name": "Doki Theme for Brave: Asuna Light",
   "short_name": "Doki Theme",
-  "version": "78.2.2",
+  "version": "84.2.2",
   "description": "A collection of themes based on girls from various anime, manga, and visual novels series.",
   "manifest_version": 3,
   "icons": {

braveThemes/Asuna Light's Extensions/theme/manifest.json

@@ -1,7 +1,7 @@
 {
   "name": "Doki Theme: Asuna Light",
   "short_name": "Doki Theme",
-  "version": "78.2.2",
+  "version": "84.2.2",
   "description": "A light theme modeled after Asuna from Sword Art Online",
   "manifest_version": 3,
   "theme": {

braveThemes/Azuki's Extensions/newTab/manifest.json

@@ -1,7 +1,7 @@
 {
   "name": "Doki Theme for Brave: Azuki",
   "short_name": "Doki Theme",
-  "version": "78.2.2",
+  "version": "84.2.2",
   "description": "A collection of themes based on girls from various anime, manga, and visual novels series.",
   "manifest_version": 3,
   "icons": {

braveThemes/Azuki's Extensions/theme/manifest.json

@@ -1,7 +1,7 @@
 {
   "name": "Doki Theme: Azuki",
   "short_name": "Doki Theme",
-  "version": "78.2.2",
+  "version": "84.2.2",
   "description": "A dark theme modeled after Azuki from NekoPara",
   "manifest_version": 3,
   "theme": {

braveThemes/Beatrice's Extensions/newTab/manifest.json

@@ -1,7 +1,7 @@
 {
   "name": "Doki Theme for Brave: Beatrice",
   "short_name": "Doki Theme",
-  "version": "78.2.2",
+  "version": "84.2.2",
   "description": "A collection of themes based on girls from various anime, manga, and visual novels series.",
   "manifest_version": 3,
   "icons": {

braveThemes/Beatrice's Extensions/theme/manifest.json

@@ -1,7 +1,7 @@
 {
   "name": "Doki Theme: Beatrice",
   "short_name": "Doki Theme",
-  "version": "78.2.2",
+  "version": "84.2.2",
   "description": "A light theme modeled after Beatrice from Re Zero",
   "manifest_version": 3,
   "theme": {

braveThemes/C.C.'s Extensions/newTab/js/popup.js.LICENSE.txt

@@ -0,0 +1,29 @@
+/**
+ * @license React
+ * react-dom.production.min.js
+ *
+ * Copyright (c) Facebook, Inc. and its affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+/**
+ * @license React
+ * react.production.min.js
+ *
+ * Copyright (c) Facebook, Inc. and its affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+/**
+ * @license React
+ * scheduler.production.min.js
+ *
+ * Copyright (c) Facebook, Inc. and its affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */

braveThemes/C.C.'s Extensions/newTab/js/tab.js.LICENSE.txt

@@ -0,0 +1,29 @@
+/**
+ * @license React
+ * react-dom.production.min.js
+ *
+ * Copyright (c) Facebook, Inc. and its affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+/**
+ * @license React
+ * react.production.min.js
+ *
+ * Copyright (c) Facebook, Inc. and its affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+/**
+ * @license React
+ * scheduler.production.min.js
+ *
+ * Copyright (c) Facebook, Inc. and its affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */

braveThemes/C.C.'s Extensions/newTab/manifest.json

@@ -0,0 +1,48 @@
+{
+  "name": "Doki Theme for Brave: C.C.",
+  "short_name": "Doki Theme",
+  "version": "84.2.2",
+  "description": "A collection of themes based on girls from various anime, manga, and visual novels series.",
+  "manifest_version": 3,
+  "icons": {
+    "48": "icons/[email protected]",
+    "96": "icons/[email protected]"
+  },
+  "host_permissions": [
+    "*://*/*"
+  ],
+  "permissions": [
+    "search",
+    "tabs",
+    "activeTab",
+    "storage"
+  ],
+  "content_scripts": [
+    {
+      "matches": [
+        "*://*/*"
+      ],
+      "run_at": "document_idle",
+      "js": [
+        "js/scrollbarStyleInjection.js",
+        "js/selectionStyleInjection.js"
+      ]
+    }
+  ],
+  "background": {
+    "service_worker": "js/background.js"
+  },
+  "action": {
+    "browser_style": true,
+    "default_icon": {
+      "16": "icons/[email protected]",
+      "32": "icons/[email protected]",
+      "64": "icons/[email protected]"
+    },
+    "default_popup": "popup.html",
+    "default_title": "Doki Theme"
+  },
+  "chrome_url_overrides": {
+    "newtab": "tab.html"
+  }
+}

braveThemes/C.C.'s Extensions/newTab/popup.html

@@ -0,0 +1,20 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <title>Doki Theme</title>
+    <meta content="width=device-width, initial-scale=1.0" name="viewport" />
+    <script src="js/popup.js"></script>
+    <style>
+      :root {
+        --base-background: #2f363c;
+      }
+
+      html {
+        background-color: var(--base-background);
+      }
+    </style>
+  </head>
+  <body>
+    <div id="popup"></div>
+  </body>
+</html>

braveThemes/C.C.'s Extensions/newTab/tab.html

@@ -0,0 +1,108 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <title>New Tab</title>
+    <meta content="width=device-width, initial-scale=1.0" name="viewport" />
+    <script src="js/tab.js"></script>
+    <style>
+      :root {
+        --base-background: #2f363c;
+        --accent-color: #a73035;
+        --search-border-radius: 40px;
+      }
+
+      html,
+      #tab,
+      body {
+        background-color: var(--base-background);
+        width: 100%;
+        height: 100%;
+        font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
+          Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
+        font-size: 16px;
+      }
+
+      html,
+      body {
+        margin: 0;
+      }
+      main {
+        padding-top: 9.87vw;
+      }
+
+      /*Logo & WordMark*/
+      .logo-and-wordmark {
+        align-items: center;
+        display: flex;
+        justify-content: center;
+        margin-bottom: 49px;
+      }
+      .logo-and-wordmark .logo {
+        display: inline-block;
+        height: 96px;
+        width: 96px;
+      }
+      .logo-and-wordmark .wordmark {
+        display: inline-block;
+        font-size: 3rem;
+        color: var(--accent-color);
+        text-shadow: 1px 0 0 var(--base-background),
+          0 1px 0 var(--base-background), -1px 0 0 var(--base-background),
+          0 -1px 0 var(--base-background);
+        margin-inline-start: 15px;
+      }
+      /*Search Bar*/
+      .search-inner-wrapper {
+        width: 50vw;
+        cursor: default;
+        display: flex;
+        min-height: 48px;
+        margin: 0 auto;
+        position: relative;
+      }
+      input[type="search"] {
+        background-size: 24px;
+        border: solid 1px transparent;
+        border-radius: var(--search-border-radius);
+        box-shadow: 0 1px 4px 0 rgba(12, 12, 13, 0.2),
+          0 0 0 1px rgba(0, 0, 0, 0.15);
+        font-size: 15px;
+        padding: 0;
+        padding-inline-end: 48px;
+        padding-inline-start: 46px;
+        width: 100%;
+      }
+
+      input:hover {
+        box-shadow: 0 1px 4px 0 rgba(12, 12, 13, 0.2),
+          0 0 0 1px rgba(0, 0, 0, 0.25);
+      }
+      .search-inner-wrapper:active input,
+      input:focus {
+        border: 1px solid #0060df;
+        box-shadow: 0 0 0 1px #0060df, 0 0 0 4px rgba(0, 96, 223, 0.3);
+      }
+      .search-button {
+        background: url("forward.svg") no-repeat center center;
+        background-size: 16px 16px;
+        border: 0;
+        /*border-radius: 0 var(--search-border-radius) var(--search-border-radius) 0;*/
+        height: 100%;
+        inset-inline-end: 0;
+        position: absolute;
+        width: 48px;
+      }
+      .search-button:active {
+        background-color: rgba(12, 12, 13, 0.2);
+      }
+      .search-button:focus,
+      .search-button:hover {
+        background-color: rgba(12, 12, 13, 0.1);
+        cursor: pointer;
+      }
+    </style>
+  </head>
+  <body>
+    <div id="tab"></div>
+  </body>
+</html>