Skip to content

Create a utility to map Windows theme colors to React95 theme objects. #212

Closed
@tpenguinltg

Description

@tpenguinltg

This utility be a function that takes in a object with key-value pairs corresponding to Windows theme color properties and maps them into a React95 theme object. The values in the input object should be a valid CSS color and is mapped untouched to the React95 theme object.

Example input:

{
  ButtonAlternateFace: '#c0c0c0',
  ButtonDkShadow: '#404040',
  ButtonFace: '#d4d0c8',
  ButtonHilight: '#ffffff',
  ButtonLight: '#d4d0c8',
  ButtonShadow: '#808080',
  ButtonText: '#000000',
  ActiveBorder: '#d4d0c8',
  AppWorkspace: '#808080',
  Background: '#3a6ea5',
  InactiveBorder: '#d4d0c8',
  Scrollbar: '#d4d0c8',
  Window: '#ffffff',
  WindowFrame: '#000000',
  WindowText: '#000000',
  ActiveTitle: '#0a246a',
  GradientActiveTitle: '#a6caf0',
  GradientInactiveTitle: '#c0c0c0',
  InactiveTitle: '#808080',
  InactiveTitleText: '#d4d0c8',
  TitleText: '#ffffff',
  Menu: '#d4d0c8',
  MenuBar: '#c0c0c0',
  MenuHilight: '#000080',
  MenuText: '#000000',
  GrayText: '#808080',
  Hilight: '#0a246a',
  HilightText: '#ffffff',
  HotTrackingColor: '#000080',
  InfoText: '#000000',
  InfoWindow: '#ffffe1',
}

To determine: Which Windows theme properties map to which React95 theme properties.

This should help ease the transition to v4 as one of the goals listed in #210 is to match color names.

Metadata

Metadata

Assignees

No one assigned

    Labels

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions