p { margin: 16px 0; } :global(.dark) { margin: -8px; padding: 8px; background: #000; }
Dark theme

Press me Press me Press me Press me Press me Press me Press me Press me Press me Press me

Press me Press me Press me Press me Press me Press me Press me Press me Press me Press me

Press me Action with icon Dropdown Press me

Press me Press me Press me

Button link Button link Button link

Press me Press me Press me Press me Press me

import angular from 'angular'; import ButtonNG from '@jetbrains/ring-ui/components/button-ng/button-ng'; import IconNG from '@jetbrains/ring-ui/components/icon-ng/icon-ng'; import ThemeNG from '@jetbrains/ring-ui/components/theme-ng/theme-ng'; import CheckboxNG from '@jetbrains/ring-ui/components/checkbox-ng/checkbox-ng'; import Theme from '@jetbrains/ring-ui/components/global/theme'; import { PencilIcon, ChevronDownIcon, CloseIcon, PermissionIcon } from '@jetbrains/ring-ui/components/icon'; angular.module('test', [ButtonNG, IconNG, ThemeNG, CheckboxNG]) .controller('testCtrl', function ($scope) { $scope.pencil = PencilIcon; $scope.chevronDown = ChevronDownIcon; $scope.close = CloseIcon; $scope.permission = PermissionIcon; $scope.Theme = Theme; })
p { margin: 16px 0; } :global(.dark) { margin: -8px; padding: 8px; background: #000; }
Dark theme

Press me Press me Press me Press me Press me Press me Press me Press me Press me Press me

Press me Press me Press me Press me Press me Press me Press me Press me Press me Press me

Press me Action with icon Dropdown Press me

Press me Press me Press me

Button link Button link Button link

Press me Press me Press me Press me Press me

import angular from 'angular'; import ButtonNG from '@jetbrains/ring-ui/components/button-ng/button-ng'; import IconNG from '@jetbrains/ring-ui/components/icon-ng/icon-ng'; import ThemeNG from '@jetbrains/ring-ui/components/theme-ng/theme-ng'; import CheckboxNG from '@jetbrains/ring-ui/components/checkbox-ng/checkbox-ng'; import Theme from '@jetbrains/ring-ui/components/global/theme'; import { PencilIcon, ChevronDownIcon, CloseIcon, PermissionIcon } from '@jetbrains/ring-ui/components/icon'; angular.module('test', [ButtonNG, IconNG, ThemeNG, CheckboxNG]) .run($rootScope => { $rootScope.checkbox = true; $rootScope.currentTheme = 'dark'; }) .controller('testCtrl', function ($scope) { $scope.pencil = PencilIcon; $scope.chevronDown = ChevronDownIcon; $scope.close = CloseIcon; $scope.permission = PermissionIcon; $scope.Theme = Theme; })