[Work in progress] A Reactjs-based web app to help with ricing: designing beautiful unix desktop environments.
git clone https://mcol.xyz/code/unix.sexy
Log | Files | Refs

commit 078fb85233e78db694dd1bb17a6326c4997ef895
parent ff9b8504da580f98117ee4f48aff838544f26ab2
Author: mcol <mcol@posteo.net>
Date:   Fri, 26 Jun 2020 21:10:11 +0100

update default values for a unified default look

Diffstat:
Msrc/features/background/slice.js | 2+-
Msrc/features/borders/panel.js | 4++++
Msrc/features/borders/slice.js | 2+-
Msrc/features/shadows/slice.js | 8++++----
Msrc/features/title_bars/slice.js | 2+-
Msrc/features/window_content/slice.js | 5++---
Msrc/features/windows/panel.js | 3+--
Msrc/features/windows/slice.js | 7+++----
8 files changed, 17 insertions(+), 16 deletions(-)

diff --git a/src/features/background/slice.js b/src/features/background/slice.js @@ -7,7 +7,7 @@ export const backgroundSlice = createSlice({ name: 'background', initialState: { - value: '#aaaaff', + value: '#5d479d', wallpaper: "", }, diff --git a/src/features/borders/panel.js b/src/features/borders/panel.js @@ -47,6 +47,10 @@ export function BorderCtl() { </ColorPicker> </div> + <div className="opt"> + TODO: border styles + </div> + </OptBox> ); } diff --git a/src/features/borders/slice.js b/src/features/borders/slice.js @@ -7,7 +7,7 @@ export const borderSlice = createSlice({ initialState: { borderRadius: 3, borderWidth: 4, - borderColor: '#726383', + borderColor: '#8d80d8', }, reducers: { diff --git a/src/features/shadows/slice.js b/src/features/shadows/slice.js @@ -6,10 +6,10 @@ export const shadowSlice = createSlice({ initialState: { enabled: true, - hOffset: 3, - vOffset: 3, - blur: 8, - colour: '#555555', + hOffset: 4, + vOffset: 4, + blur: 4, + colour: '#000000', }, reducers: { diff --git a/src/features/title_bars/slice.js b/src/features/title_bars/slice.js @@ -6,7 +6,7 @@ export const titleBarSlice = createSlice({ initialState: { enabled: true, - colour: '#333333', + colour: '#8d80d8', width: 20, }, diff --git a/src/features/window_content/slice.js b/src/features/window_content/slice.js @@ -7,9 +7,9 @@ export const windowContentSlice = createSlice({ name: 'windowContent', initialState: { - colour: "#ccc", + colour: "#030405", text: true, - textColour: "#777", + textColour: "#c5c5c8", padding: 5, }, @@ -52,7 +52,6 @@ export const selectWindowContentCSS = state => { return { backgroundColor: colour, color: textColour, - padding: `${padding}px` } } diff --git a/src/features/windows/panel.js b/src/features/windows/panel.js @@ -12,13 +12,12 @@ export function WindowCtl() { <OptBox className="WindowCtl" label="Todos"> <div className="opt"> <ul> - <li>Border styles</li> - <li>Title bars</li> <li>Transparency + blur</li> </ul> </div> <div className="opt"> + Number <button onClick={() => dispatch(addWindow())}> + </button> <button onClick={() => dispatch(delWindow())}> - </button> </div> diff --git a/src/features/windows/slice.js b/src/features/windows/slice.js @@ -5,10 +5,9 @@ export const windowSlice = createSlice({ name: 'windows', initialState: [ - { x: 320, y: 200, width: 280, height: 140 }, - { x: 640, y: 60, width: 140, height: 280 }, - { x: 640, y: 380, width: 280, height: 140 }, - { x: 460, y: 380, width: 140, height: 280 }, + { x: 240, y: 120, width: 340, height: 220 }, + { x: 660, y: 220, width: 340, height: 220 }, + { x: 360, y: 380, width: 260, height: 160 }, ], reducers: {