@operato/app 2.0.0-beta.3 → 2.0.0-beta.5

package/CHANGELOG.md

@@ -3,6 +3,24 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## [2.0.0-beta.5](https://github.com/hatiolab/operato/compare/v2.0.0-beta.4...v2.0.0-beta.5) (2024-06-04)
+
+
+### :bug: Bug Fix
+
+* theming design token : --border-dark-color => --border-dim-color ([eaf0866](https://github.com/hatiolab/operato/commit/eaf08667f6133cc4bcabf161bbe04305e0ff57e7))
+
+
+
+## [2.0.0-beta.4](https://github.com/hatiolab/operato/compare/v2.0.0-beta.3...v2.0.0-beta.4) (2024-06-04)
+
+
+### :bug: Bug Fix
+
+* theming styles ([15fa201](https://github.com/hatiolab/operato/commit/15fa20198d7adc6b57f16e408f8dee94c40113f5))
+
+
+
 ## [2.0.0-beta.3](https://github.com/hatiolab/operato/compare/v2.0.0-beta.2...v2.0.0-beta.3) (2024-06-04)
 
 **Note:** Version bump only for package @operato/app

package/package.json

@@ -2,7 +2,7 @@
   "name": "@operato/app",
   "description": "WebApplication production supporting components following open-wc recommendations",
   "author": "heartyoh",
-  "version": "2.0.0-beta.3",
+  "version": "2.0.0-beta.5",
   "main": "dist/src/index.js",
   "module": "dist/src/index.js",
   "exports": {
@@ -134,17 +134,17 @@
     "@graphql-tools/delegate": "^10.0.1",
     "@graphql-tools/wrap": "^8.5.0",
     "@material/web": "^1.4.0",
-    "@operato/attachment": "^2.0.0-beta.3",
-    "@operato/data-grist": "^2.0.0-beta.3",
-    "@operato/font": "^2.0.0-beta.3",
-    "@operato/form": "^2.0.0-beta.3",
+    "@operato/attachment": "^2.0.0-beta.5",
+    "@operato/data-grist": "^2.0.0-beta.5",
+    "@operato/font": "^2.0.0-beta.5",
+    "@operato/form": "^2.0.0-beta.5",
     "@operato/graphql": "^2.0.0-beta.0",
     "@operato/i18n": "^2.0.0-beta.3",
-    "@operato/input": "^2.0.0-beta.3",
-    "@operato/layout": "^2.0.0-beta.2",
-    "@operato/property-editor": "^2.0.0-beta.3",
-    "@operato/shell": "^2.0.0-beta.2",
-    "@operato/styles": "^2.0.0-beta.0",
+    "@operato/input": "^2.0.0-beta.5",
+    "@operato/layout": "^2.0.0-beta.5",
+    "@operato/property-editor": "^2.0.0-beta.5",
+    "@operato/shell": "^2.0.0-beta.5",
+    "@operato/styles": "^2.0.0-beta.5",
     "@operato/utils": "^2.0.0-beta.0",
     "cm6-graphql": "^0.0.14",
     "codemirror": "^6.0.1",
@@ -186,5 +186,5 @@
       "prettier --write"
     ]
   },
-  "gitHead": "f784d266745412a10887dd5163da8c8d7a4fe423"
+  "gitHead": "e313b5e6d8ece67e94618ee7ea7c1ef2f1036d40"
 }

package/themes/app-theme.css

@@ -26,7 +26,7 @@ body {
 
   /* common style */
   --border-radius: 4px;
-  --border-dark-color: 1px solid rgba(0, 0, 0, 0.15);
+  --border-dim-color: 1px solid rgba(0, 0, 0, 0.15);
   --border-light-color: 1px solid rgba(255, 255, 255, 0.3);
 
   --box-shadow: 2px 2px 3px 0px rgba(0, 0, 0, 0.1);
@@ -95,7 +95,7 @@ body {
   /* button style */
   --button-background-color: #fafbfc;
   --button-background-focus-color: var(--primary-color);
-  --button-border: var(--border-dark-color);
+  --button-border: var(--border-dim-color);
   --button-border-radius: var(--border-radius);
   --button-margin: var(--margin-default) var(--margin-default) var(--margin-default) 0;
   --button-padding: var(--padding-default);
@@ -152,3 +152,7 @@ body {
     --subtitle-margin: 0;
   }
 }
+
+body.dark {
+  --border-dim-color: 1px solid rgba(255, 255, 255, 0.15);
+}

package/themes/grist-theme.css

@@ -92,7 +92,7 @@ body {
 
   --data-card-background-color: var(--main-section-background-color);
   --data-card-record-card-background-color: var(--theme-white-color);
-  --data-card-record-card-border: var(--border-dark-color);
+  --data-card-record-card-border: var(--border-dim-color);
   --data-card-record-card-border-hover: 1px solid var(--primary-color);
   --data-card-record-card-boxshadow-hover: 1px 1px 2px 1px rgba(0, 0, 0, 0.15);
   --data-card-record-card-selected-border: 1px solid var(--primary-color);
@@ -111,7 +111,7 @@ body {
   --data-card-item-etc-color: var(--secondary-color);
   --data-card-item-icon-font: normal 1em/1em;
   --data-card-item-icon-color: var(--secondary-text-color);
-  --data-card-item-btn-border: var(--border-dark-color);
+  --data-card-item-btn-border: var(--border-dim-color);
   --data-card-item-btn-border-radius: var(--border-radius);
   --data-card-item-btn-padding: var(--padding-narrow);
   --data-card-selected-background-color: var(--grid-record-selected-background-color);
@@ -120,7 +120,7 @@ body {
   --data-card-fab-color: var(--primary-color);
   --data-card-fab-shadow: var(--box-shadow);
   --data-card-thumbnail-height: 140px;
-  --data-card-thumbnail-border-bottom: var(--border-dark-color);
+  --data-card-thumbnail-border-bottom: var(--border-dim-color);
   --data-card-attachimg-height: 70px;
 
   --record-view-background-color: var(--main-section-background-color);
@@ -164,3 +164,7 @@ body {
     --data-card-create-form-padding: 7px;
   }
 }
+
+body.dark {
+  --grid-container-border-color: 1px solid rgba(255, 255, 255, 0.09);
+}