fix css

Author: mallowigi

.idea/codeStyles/Project.xml

@@ -16,46 +16,31 @@ const paths = {
 };
 
 gulp.task('app', () => {
-  return gulp.src(paths.styles.public)
-    .pipe(sass())
-    .pipe(gulp.dest(paths.styles.appCss));
+  return gulp.src(paths.styles.public).pipe(sass()).pipe(gulp.dest(paths.styles.appCss));
 });
 
 gulp.task('styles', () => {
-  return gulp.src(paths.styles.src)
-    .pipe(sass())
-    .pipe(cleanCSS())
-    .pipe(gulp.dest(paths.styles.dest));
+  return gulp.src(paths.styles.src).pipe(sass()).pipe(cleanCSS()).pipe(gulp.dest(paths.styles.dest));
 });
 
 gulp.task('debugStyles', () => {
-  return gulp.src(paths.styles.src)
-    .pipe(sass())
-    .pipe(gulp.dest(paths.styles.dest));
+  return gulp.src(paths.styles.src).pipe(sass()).pipe(gulp.dest(paths.styles.dest));
 });
 
 gulp.task('watchStyles', () => {
   gulp.watch(paths.styles.src, gulp.parallel('styles'));
 });
 
 gulp.task('clean', () => {
-  return gulp.src(['release',
-    'dist'], {read: false, allowEmpty: true})
-    .pipe(clean());
+  return gulp.src(['release', 'dist'], { read: false, allowEmpty: true }).pipe(clean());
 });
 
 gulp.task('copy', () => {
-  return gulp.src(['*.*',
-    '!release.zip',
-    'dist/*.css',
-    'public/**/*'], {allowEmpty: true})
-    .pipe(copy('release'));
+  return gulp.src(['*.*', '!release.zip', 'dist/*.css', 'public/**/*'], { allowEmpty: true }).pipe(copy('release'));
 });
 
 gulp.task('zip', () => {
-  return gulp.src('release/**/*')
-    .pipe(zip('release.zip'))
-    .pipe(gulp.dest('.'));
+  return gulp.src('release/**/*').pipe(zip('release.zip')).pipe(gulp.dest('.'));
 });
 
 gulp.task('release', gulp.series('clean', 'styles', 'copy', 'zip'));

gulpfile.js

@@ -15,7 +15,6 @@
 .console-prompt-editor-container {
   background: $contrast;
 
-
   .widget {
     background: $contrast;
   }

new/app/themed/console/_consoleView.scss

@@ -2,3 +2,4 @@
 @import 'consolePrompt';
 @import 'consoleSidebar';
 @import 'consoleView';
+@import 'errorWarningCounter';

new/app/themed/console/_index.scss

@@ -13,3 +13,11 @@
     color: $accent1;
   }
 }
+
+.infobar-warning,
+.-theme-with-dark-background .infobar-warning,
+:host-context(.-theme-with-dark-background) .infobar-warning {
+  --override-infobar-warning-background: #{$notif} !important;
+
+  background: $notif !important;
+}

new/app/themed/network/_infobar.scss

@@ -1,6 +1,16 @@
+.filter-input-container {
+  background: $contrast;
+  border: 1px solid $border;
+
+  &:hover {
+    background: $contrast;
+  }
+}
+
 .filter-input-container:focus-within,
 .filter-text-filter:not(.filter-text-empty) .filter-input-container {
-  box-shadow: none;
+  box-shadow: 2px solid $accent1;
+  border: none;
 }
 
 .filter-bar {
@@ -12,6 +22,12 @@
   text-shadow: rgba(0, 0, 0, 0.5) 0 1px 0;
 }
 
+.-theme-with-dark-background .filter-bitset-filter span,
+.filter-bitset-filter span {
+  outline: 1px solid $accent1;
+  color: $foreground;
+}
+
 .filter-bitset-filter-divider {
   background-color: $border;
 }

new/app/themed/ui/_filter.scss

@@ -126,6 +126,10 @@ $fontSize: var(--font-size, 11);
 html,
 .-theme-with-dark-background,
 :host-context(.-theme-with-dark-background) {
+  --sys-color-cdt-base-container: #{$background} !important;
+  --override-infobar-warning-background: #{$notif} !important;
+  --override-file-tree-item-color: #{$yellow} !important;
+  --override-folder-tree-item-color: #{$cyan} !important;
   --accent-color-hover: #{$accent1Alpha} !important;
   --accent-color: #{$accent1} !important;
   --accent-fg-color: #{$accent1} !important;
@@ -155,8 +159,8 @@ html,
   --color-button-secondary-border: #{$button} !important;
   --color-checkbox-accent-color: #{$accent1} !important;
   --color-completion-hover: #{$hl} !important;
-  --color-continue-to-location-async-hover-border:  #{$accent1} !important;
-  --color-continue-to-location-async-hover:  #{$accent1Alpha} !important;
+  --color-continue-to-location-async-hover-border: #{$accent1} !important;
+  --color-continue-to-location-async-hover: #{$accent1Alpha} !important;
   --color-continue-to-location-hover-border: #{$accent1} !important;
   --color-continue-to-location-hover: #{$accent1Alpha} !important;
   --color-coverage-used: #{$function-color} !important;

new/default.scss

@@ -5,7 +5,6 @@
   "main": "devtools.html",
   "author": "Elior Boukhobza <heliosaian@gmail.com>",
   "license": "MIT",
-  "type": "module",
   "dependencies": {
     "@github/mini-throttle": "^2.1.1",
     "compression": "1.7.4",