antd-theme-generator/node_modules/less/test/less-bom/namespacing/namespacing-1.less

This a script to generate color specific styles less file and which you can use to change theme dynamically in browser

@varToGet: default-color;
.foo {
  color1: @defaults[@default-color];
  color2: @defaults[@nested][@color];
  color3: @theme[color];
  color4: @theme[@nested][color];
  color5: @defaults[@@varToGet];
  prop: #ns1[foo];
  var: #ns1[@foo];
  sub: #ns1.vars[$sub];
}

@defaults: {
  @default-color: red;
  @nested: {
    @color: yellow;
  }
};

@theme: {
  color: red;
  @nested: {
    color: yellow;
  }
};

#ns1 {
  foo: bar;
  @foo: baz;
  .vars() {
    sub: value;
  }
}

// Test that it matches more than one mixin
#ns1 {
  foo: uno;
  @foo: dos;
  .vars() {
    sub: tres;
  }
}