1/* 2 * Copyright (c) 2024 Huawei Device Co., Ltd. 3 * Licensed under the Apache License, Version 2.0 (the "License"); 4 * you may not use this file except in compliance with the License. 5 * You may obtain a copy of the License at 6 * 7 * http://www.apache.org/licenses/LICENSE-2.0 8 * 9 * Unless required by applicable law or agreed to in writing, software 10 * distributed under the License is distributed on an "AS IS" BASIS, 11 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. 12 * See the License for the specific language governing permissions and 13 * limitations under the License. 14 */ 15 16import { createSlice, PayloadAction } from '@reduxjs/toolkit'; 17 18export type Theme = 'light' | 'dark'; 19interface IState { 20 theme: Theme; 21 primaryColor: string; 22 disasm: boolean 23} 24 25const initialState: IState = { 26 theme: (localStorage.getItem('theme') as Theme) || (window.matchMedia('(prefers-color-scheme: dark)').matches ? 'dark' : 'light'), 27 disasm: false, 28 primaryColor: '#e32b49' 29}; 30 31const appStateSlice = createSlice({ 32 name: 'appState', 33 initialState, 34 reducers: { 35 setTheme: (state, action: PayloadAction<'light' | 'dark'>) => { 36 state.theme = action.payload; 37 }, 38 setPrimaryColor: (state, action: PayloadAction<string>) => { 39 state.primaryColor = action.payload; 40 }, 41 setDisasm: (state, action: PayloadAction<boolean>) => { 42 state.disasm = action.payload; 43 }, 44 }, 45}); 46 47export const { 48 setTheme, 49 setDisasm, 50 setPrimaryColor, 51} = appStateSlice.actions; 52 53export default appStateSlice.reducer; 54