feat: init structure

packages/ds-theme/index.less

@@ -1,5 +1,10 @@
-// Import all elements
-@import 'exports/all';
+// Important! you should not need to modify this file
+// first, you need to inherit halo theme
+@import '@refinitiv-ui/halo-theme/exports/all';
+// include theme of all element framework element and native styles
+@import 'elements:src/{native,custom}-elements/*';
 
-// Set the default variant
-@variant: default;
+// include additional colour pallete that you define
+@import (reference) 'src/colors';
+// include variables from all variants
+@import (reference) 'src/variants/@{variant}/variables';

packages/ds-theme/package.json

@@ -18,7 +18,7 @@
   "scripts": {
     "build:light": "theme-compiler light --variant=light --registration=event",
     "build:dark": "theme-compiler dark --variant=dark --registration=event",
-    "build": "npm run build:dark && npm run build:light && node ../../scripts/release/theme-extractor.js ../elements",
+    "build": "npm run build:light && npm run build:dark && node ../../scripts/release/theme-extractor.js ../elements",
     "build:prod": "npm run build",
     "watch": "chokidar \"**/*.less\" --command \"npm run build\" --debounce=5000",
     "prepack": "npm run version",

packages/ds-theme/src/variables.less

@@ -0,0 +1,2 @@
+@import '@lseg-workspace/web-design-tokens/dist/less/core';
+@import '@lseg-workspace/web-design-tokens/dist/less/contextual';

packages/ds-theme/src/variants/dark/variables.less

@@ -0,0 +1,15 @@
+@import (reference) '../../variables.less';
+@import '@lseg-workspace/web-design-tokens/dist/less/overrides/color/dark.less';
+
+
+// Compilation Error in elemental theme unable to evaluate - @const-color-common-container-brand-base;
+// @scheme-color-primary                     : @const-color-common-container-brand-base;
+// @scheme-color-secondary                   : @const-color-common-container-secondary-base;
+// @scheme-color-tertiary                    : @const-color-common-container-tertiary-base;
+// @scheme-color-info                        : @const-color-common-container-info-base;
+// @scheme-color-confirm                     : @const-color-common-container-positive-base;
+// @scheme-color-warning                     : @const-color-common-container-warning-base;
+// @scheme-color-error                       : @const-color-common-container-negative-base;
+
+@global-background-color                  : @cont-color-common-container-surface-layer-1;
+@global-text-color                        : @cont-color-common-fg-generic-moderate;

packages/ds-theme/src/variants/light/variables.less

@@ -0,0 +1 @@
+@import (reference) '../../variables.less';