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

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

@import "imports/a-better-bootstrap";

#theme.dark.navbar {
  .colors() {
    primary: rebeccapurple;
  }
  .colors(dark) {
    primary: black;
    secondary: grey;
  }
  .test() {
    val: output;
  }
}

.my-navbar {
  #theme.dark.navbar();
  background: .colors[primary];
  .test();
}

.another-navbar {
  @colors: #theme.dark.navbar.colors() !important;
  background: @colors[primary];
  border: 1px solid @colors[secondary];
}

.another {
  @colors: #theme.dark.navbar.colors(dark);
  background: @colors[primary];
  border: 1px solid @colors[secondary];
}