Created by staff of the U.S. Securities and Exchange Commission.
Data and content created by government employees within the scope of their employment are not subject to domestic copyright protection. 17 U.S.C. 105.

# settings.js README

## Purpose

High level Developer information regarding the user settings of the entire IXViewer, notably the Color Scheme

## Variables

- N/A

## Functions

- IIFE begins customizing the application based on saved User color scheme (on initial load by user). All settings are saved via Local Storage
  - Arguments: N/A
  - Run `setCustomCSS()`
  - Get `taggedData` as stored string or set to default
  - Get `searchResults` as stored string or set to default
  - Get `selectedFact` as stored string or set to default
  - Get `tagShading` as stored string or set to default
  - Set Array of Objects that corresponds to Diagram #1
  - Loop over the above Array setting a new instance of `Picker` with cooresponding options
    - popup: false, the popup doesn’t quite work correctly when it’s already in a modal
    - editorFormat: ‘hex’ we want hexidecimals
    - alpha: true IFF #tag-shading-color-picker
    - onDone: set Local Storage
- We change the text of the Done and Cancel Buttons
- Add onclick function on Reset
  - Set Local Storage to reset value
  - Set color of picker to reset value
  - Run `setCustomCSS()`
- `setCustomCSS()`
  - Arguments: N/A
  - Get `taggedData` as stored string or set to default
  - Get `searchResults` as stored string or set to default
  - Get `selectedFact` as stored string or set to default
  - Get `tagShading` as stored string or set to default
  - Set an complex Object that corresponds to Diagram #2
  - Create a CSS String based on the complex Object above
  - Add the above CSS String to the document with Attribute #customized-styles
  - Add Custom Styles to Document

## Related

- N/A

## Diagrams

### #1

### #2