Merge pull request #2450 from poooi/feat/migrate-to-blueprint-4

feat: migrate to blueprint@4
poooi · Jun 14, 2022 · a8a75ab · a8a75ab
2 parents 38b0fa1 + 7163ff9
commit a8a75ab
Show file tree

Hide file tree

Showing 24 changed files with 17,780 additions and 10,608 deletions.
diff --git a/.stylelintrc.js b/.stylelintrc.js
@@ -16,6 +16,7 @@ module.exports = {
     'declaration-colon-newline-after': null,
     'value-keyword-case': ['lower', { ignoreKeywords: [/dummyValue/] }],
     'keyframes-name-pattern': null,
+    'function-no-unknown': [true, { 'ignoreFunctions': ['-webkit-gradient', 'from', 'to'] }]
   },
   overrides: [
     {

diff --git a/assets/css/app.css b/assets/css/app.css
@@ -30,19 +30,25 @@ poi-main {
   position: relative;
 }
 
-.bp3-popover-content {
+.bp4-popover-content,
+.bp4-dialog {
   backdrop-filter: blur(5px);
 }
 
-.bp3-tooltip .bp3-popover-content {
+.bp4-tooltip .bp4-popover-content {
   max-width: calc(50vw - 20px);
   overflow: hidden;
 }
 
-.plugin-dropdown-container > .bp3-popover-content > .bp3-menu {
+.plugin-dropdown-container > .bp4-popover-content > .bp4-menu {
   background: transparent;
 }
 
+.bp4-html-select select,
+.bp4-select select {
+  background-image: none;
+}
+
 #electron-app-title-bar {
   background-color: transparent !important;
   box-sizing: content-box !important;

diff --git a/assets/css/global.css b/assets/css/global.css
@@ -4,10 +4,10 @@
 }
 
 :root {
-  --poi-red: #d50000;
-  --poi-orange: #f57c00;
-  --poi-yellow: #fbc02d;
-  --poi-green: #4caf50;
+  --poi-red: #D33D17;
+  --poi-orange: #F57C00;
+  --poi-yellow: #FFC940;
+  --poi-green: #29A634;
 }
 
 *,
@@ -169,19 +169,19 @@ input[type="number"]::-webkit-outer-spin-button {
 }
 
 /* progress bar */
-.bp3-intent-red.bp3-intent-red.bp3-intent-red .bp3-progress-meter {
+.bp4-intent-red.bp4-intent-red.bp4-intent-red .bp4-progress-meter {
   background-color: var(--poi-red);
 }
 
-.bp3-intent-orange.bp3-intent-orange.bp3-intent-orange .bp3-progress-meter {
+.bp4-intent-orange.bp4-intent-orange.bp4-intent-orange .bp4-progress-meter {
   background-color: var(--poi-orange);
 }
 
-.bp3-intent-yellow.bp3-intent-yellow.bp3-intent-yellow .bp3-progress-meter {
+.bp4-intent-yellow.bp4-intent-yellow.bp4-intent-yellow .bp4-progress-meter {
   background-color: var(--poi-yellow);
 }
 
-.bp3-intent-green.bp3-intent-green.bp3-intent-green .bp3-progress-meter {
+.bp4-intent-green.bp4-intent-green.bp4-intent-green .bp4-progress-meter {
   background-color: var(--poi-green);
 }