@use 'styles/helpers.scss' as *;

$scope: 'simple-list-item';

$themes: (
  'light': (
    'background': rgb(color('light', 'base-white'), 0.5),
    'hover-shadow-color': rgb(color('light', 'base-black'), 0.05),
    'border-color': rgb(color('light', 'primary-fill-1'), 0.4),
    'text-color': color('light', 'base-black'),
    'action-icon-color': rgb(color('light', 'base-black'), 0.7),
    'action-button-background': rgb(color('light', 'base-black'), 0.05),
    'action-button-background-hover-color': rgb(color('light', 'base-black'), 0.1),
  ),
  'dark': (
    //TODO Update colors for dark theme when design is ready (Ticket DEC-9755 Assignee Eugene Sichkar)
    'background': rgb(color('dark', 'base-white'), 0.5),
    'hover-shadow-color': rgb(color('dark', 'base-black'), 0.05),
    'border-color': rgb(color('dark', 'primary-fill-1'), 0.4),
    'text-color': color('dark', 'base-black'),
    'action-icon-color': rgb(color('dark', 'base-black'), 0.7),
    'action-button-background': rgb(color('dark', 'base-black'), 0.05),
    'action-button-background-hover-color': rgb(color('dark', 'base-black'), 0.1),
  ),
);

@mixin simple-list-item-theme-modifiers() {
  @include theme-modifiers($scope, $themes);
}

@function simple-list-item-theme-color($name) {
  @return theme-color($scope, $name);
}