canary
/
canary-rs
2
1
Fork 0
Code Issues 11 Pull Requests 2 Projects Releases Wiki Activity

Add Rose Pine Moon color palette

This commit is contained in:
mars 2022-11-18 14:13:50 -07:00
parent bc8032aaaf
commit ef6a81e142
1 changed files with 29 additions and 11 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

40
scripts/sao-ui/src/style.rs
View File

@ -39,19 +39,37 @@ pub const SAO_PALETTE: Palette = Palette {
/// Rose Pine color palette.
pub const ROSE_PINE_PALETTE: Palette = Palette {
base: Color(0x191724ff),
base_hover: Color(0x21202eff), // Rose Pine Highlight Low
base_active: Color(0x403d52ff), // Rose Pine Highlight Med
base_hover: Color(0x21202eff), // Highlight Low
base_active: Color(0x403d52ff), // Highlight Med
surface: Color(0x1f1d2eff),
overlay: Color(0x26233aff),
text: Color(0xe0def4ff),
black: Color(0x6e6a86ff),
red: Color(0xeb6f92ff),
green: Color(0x7fb59fff),
yellow: Color(0xf6c177ff),
blue: Color(0x31748fff),
magenta: Color(0xc4a7e7ff),
cyan: Color(0x9ccfd8ff),
white: Color(0xe0def4ff),
black: Color(0x6e6a86ff), // Muted
red: Color(0xeb6f92ff), // Love
green: Color(0x7fb59fff), // ??? (not in Rose Pine?)
yellow: Color(0xf6c177ff), // Gold
blue: Color(0x31748fff), // Pine
magenta: Color(0xc4a7e7ff), // Iris
cyan: Color(0x9ccfd8ff), // Foam
white: Color(0xe0def4ff), // Text
};
/// Rose Pine Moon color palette.
pub const ROSE_PINE_MOON_PALETTE: Palette = Palette {
base: Color(0x232136ff),
base_hover: Color(0x2a283eff), // Highlight Low
base_active: Color(0x44415aff), // Highlight Med
surface: Color(0x2a273fff),
overlay: Color(0x393552),
text: Color(0xe0def4ff),
black: Color(0x6e6a86ff), // Muted
red: Color(0xeb6f92ff), // Love
green: Color(0x7fb59fff), // ??? (not in Rose Pine?)
yellow: Color(0xf6c177ff), // Gold
blue: Color(0x3e8fb0ff), // Pine
magenta: Color(0xc4a7e7ff), // Iris
cyan: Color(0x9ccfd8ff), // Foam
white: Color(0xe0def4ff), // Text
};
/// Common measurements for widget shapes.
@ -67,7 +85,7 @@ pub struct Theme {
/// The global theme.
pub const THEME: Theme = Theme {
palette: ROSE_PINE_PALETTE,
palette: ROSE_PINE_MOON_PALETTE,
metrics: Metrics {
surface_rounding: 5.0,
},