1 files changed, 8 insertions, 4 deletions

diff --git a/src/index.scss b/src/index.scss
index 1d21d45..5a6a94c 100644
--- a/src/index.scss
+++ b/src/index.scss
@@ -6,12 +6,15 @@
 
 @import 'layouts/container';
 
+@import 'objects/icon';
 @import 'objects/heading';
 @import 'objects/rule';
 @import 'objects/button';
+@import 'objects/text-field';
 
 :root {
     @include iro.props-assign;
+    @include iro.props-assign('light-palette');
 
     @each $breakpoint in map-keys(media.$breakpoints) {
         @include media.media('<=#{$breakpoint}') {
@@ -25,8 +28,8 @@
 }
 
 @include iro.bem-theme('raised') {
-    @include iro.props-assign($root: --colors, $prefix: --colors);
-    @include iro.props-assign('light-raised');
+    @include iro.props-assign('light-raised-palette');
+    @include iro.props-assign;
 
     @include iro.bem-multi('at-theme' 'grayscale', 'theme' 'grayscale') {
         @include iro.props-assign($root: --colors --grayscale-accent, $prefix: --colors --accent);
@@ -35,14 +38,15 @@
 
 /*@media (prefers-color-scheme: dark) {
     @include iro.props-assign('dark');
+    @include iro.props-assign('dark-palette');
 
     @include iro.bem-theme('grayscale') {
         @include iro.props-assign('dark', $root: --colors --grayscale-accent, $prefix: --colors --accent);
     }
 
     @include iro.bem-theme('raised') {
-        @include iro.props-assign('dark', $root: --colors, $prefix: --colors);
-        @include iro.props-assign('dark-raised');
+        @include iro.props-assign('dark-raised-palette');
+        @include iro.props-assign('dark');
     
         @include iro.bem-multi('at-theme' 'grayscale', 'theme' 'grayscale') {
             @include iro.props-assign('dark', $root: --colors --grayscale-accent, $prefix: --colors --accent);