change styles for scrollbars

src/common/interfaces/SettingsInterface.ts

@@ -314,6 +314,7 @@ export interface SiteSettingsInterface {
   enableKeyboard: ExtensionEnvironmentSettingsInterface;
   enableUI: ExtensionEnvironmentSettingsInterface;  // Lies! enableUI doesn't use 'theater' property (but uses the other two)
 
+  autocreated?: boolean;
   type?: 'official' | 'community' | 'user-defined' | 'testing' | 'officially-disabled' | 'unknown' | 'modified';
   defaultType: 'official' | 'community' | 'user-defined' | 'testing' | 'officially-disabled' | 'unknown' | 'modified';
 

src/csui/res/css/common.scss

@@ -40,8 +40,6 @@ body {
   padding-right: 1em;
 }
 
-
-
 /* overflow stuff */
 .overflow-y-auto {
   overflow: auto;
@@ -52,6 +50,19 @@ body {
   scrollbar-color: rgba($primary-color, 0.5) $background-primary;
 }
 
+::-webkit-scrollbar {
+  width: 5px;
+}
+::-webkit-scrollbar-track {
+  background: transparent;
+}
+::-webkit-scrollbar-thumb {
+  background-color: rgba(#fa6, 0.5);
+  border-radius: 20px;
+  border: transparent;
+}
+
+
 
 /* scrollbars for chrome/webkit */
 .overflow-y-auto::-webkit-scrollbar {

src/csui/src/PlayerUiPanels/InPlayerUiAdvertisement.vue

@@ -10,26 +10,6 @@
       Show settings window
     </div>
 
-    <div>
-      <b>Is your screen entirely white or entirely black?</b>
-
-      <p>This appears to be a rare issue that happens to some people. If you're experiencing this issue, please consider contacting me and sharing the following data:</p>
-
-      <ul>
-        <li>Which sites this problem appears on and whether it happens on youtube. If you use youtube premium, please try signing out of youtube (or use a new profile in Google Chrome) in order to see whether youtube premium is required.</li>
-        <li>your browser. if using browsers other than Chrome, please try to reproduce this issue in Chrome</li>
-        <li>your operating system</li>
-        <li>your graphics card</li>
-        <li>the following line:<br/>
-          <pre>prefers-color-scheme dark: {{pageData.pcsDark}}; prefers-color-scheme light: {{pageData.pcsLight}}; color-scheme: {{pageData.colorScheme}}</pre>
-        </li>
-      </ul>
-
-      <p>Please post this info to <a href="https://github.com/tamius-han/ultrawidify/issues/262" target="_blank">this thread</a>, or message me via e-mail.</p>
-
-      <p>Then, disable the in-player UI.</p>
-    </div>
-
     <!-- <p></p>
     <p></p>
     <p>In-player UI should show and hide automatically as you start or stop moving your mouse inside the player window.</p>

src/csui/src/components/SupportLevelIndicator.vue

@@ -17,7 +17,7 @@
       is geoblocked.
     </div>
   </div>
-  <div v-if="siteSupportLevel === 'no-support'" class="site-support no-support">
+  <div v-if="siteSupportLevel === 'no-support' || siteSupportLevel === 'unknown'" class="site-support no-support">
     <mdicon name="help-circle-outline" />
     <div v-if="!small">Unknown</div>
     <div class="tooltip">

src/ext/lib/settings/SiteSettings.ts

@@ -307,11 +307,19 @@ export class SiteSettings {
    * @param optionValue new value of option
    * @param reload whether we should trigger a reload in components that require it
    */
-  async set(optionPath: string, optionValue: any, options: {reload?: boolean, noSave?: boolean} = {reload: false}) {
+  async set(optionPath: string, optionValue: any, options: {reload?: boolean, noSave?: boolean, scripted?: boolean} = {reload: false}) {
-    // if no settings exist for this site, create an empty object
+    // if no settings exist for this site, create an empty object.
-    if (!this.settings.active.sites[this.site]) {
+    // If this function is not being called in response to user actin,
+    // create fake settings object.
+    if (options.scripted && !this.settings.active.sites[this.site]) {
+      this.settings.active.sites[this.site] = _cp(this.settings.active.sites['@global']);
+      this.settings.active.sites[this.site].autocreated = true;
+      this.settings.active.sites[this.site].type = 'unknown';
+    } else {
+      if (!this.settings.active.sites[this.site] || this.settings.active.sites[this.site].autocreated) {
         this.settings.active.sites[this.site] = _cp(this.settings.active.sites['@empty']);
       }
+    }
 
     const pathParts = optionPath.split('.');
 

src/ext/lib/video-data/PlayerData.ts

@@ -718,7 +718,7 @@ class PlayerData {
     } else {
       bestCandidate.heuristics['autoMatch'] = true;
       if (this.siteSettings.data.playerAutoConfig?.initialIndex !== bestCandidate.index) {
-        this.siteSettings.set('playerAutoConfig.initialIndex', bestCandidate.index, {reload: false});
+        this.siteSettings.set('playerAutoConfig.initialIndex', bestCandidate.index, {reload: false, scripted: true});
       }
     }