Update theme to look gooder
This commit is contained in:
28
src/main.cpp
28
src/main.cpp
@@ -134,12 +134,17 @@ struct AppState {
|
||||
static void build_browser_panel(B32 show) {
|
||||
if (!show) return;
|
||||
|
||||
Clay_Color bp_top = g_theme.bg_medium;
|
||||
Clay_Color bp_bot = {(float)Max((int)bp_top.r-8,0), (float)Max((int)bp_top.g-8,0), (float)Max((int)bp_top.b-8,0), 255};
|
||||
CustomGradientData *bp_grad = alloc_gradient(bp_top, bp_bot);
|
||||
|
||||
CLAY(CLAY_ID("BrowserPanel"),
|
||||
.layout = {
|
||||
.sizing = { .width = CLAY_SIZING_FIXED(uis(200)), .height = CLAY_SIZING_GROW() },
|
||||
.layoutDirection = CLAY_TOP_TO_BOTTOM,
|
||||
},
|
||||
.backgroundColor = g_theme.bg_medium,
|
||||
.backgroundColor = bp_top,
|
||||
.custom = { .customData = bp_grad },
|
||||
.border = { .color = g_theme.border, .width = { .right = 1 } }
|
||||
) {
|
||||
{
|
||||
@@ -167,12 +172,17 @@ static void build_browser_panel(B32 show) {
|
||||
}
|
||||
|
||||
static void build_main_panel(AppState *app) {
|
||||
Clay_Color mp_top = g_theme.bg_light;
|
||||
Clay_Color mp_bot = {(float)Max((int)mp_top.r-8,0), (float)Max((int)mp_top.g-8,0), (float)Max((int)mp_top.b-8,0), 255};
|
||||
CustomGradientData *mp_grad = alloc_gradient(mp_top, mp_bot);
|
||||
|
||||
CLAY(CLAY_ID("MainPanel"),
|
||||
.layout = {
|
||||
.sizing = { .width = CLAY_SIZING_GROW(), .height = CLAY_SIZING_GROW() },
|
||||
.layoutDirection = CLAY_TOP_TO_BOTTOM,
|
||||
},
|
||||
.backgroundColor = g_theme.bg_light
|
||||
.backgroundColor = mp_top,
|
||||
.custom = { .customData = mp_grad }
|
||||
) {
|
||||
{
|
||||
S32 sel = 0;
|
||||
@@ -462,12 +472,17 @@ static void build_main_panel(AppState *app) {
|
||||
static void build_right_panel(AppState *app) {
|
||||
static const char *right_tabs[] = { "Properties", "MIDI Devices" };
|
||||
|
||||
Clay_Color rp_top = g_theme.bg_medium;
|
||||
Clay_Color rp_bot = {(float)Max((int)rp_top.r-8,0), (float)Max((int)rp_top.g-8,0), (float)Max((int)rp_top.b-8,0), 255};
|
||||
CustomGradientData *rp_grad = alloc_gradient(rp_top, rp_bot);
|
||||
|
||||
CLAY(CLAY_ID("RightPanel"),
|
||||
.layout = {
|
||||
.sizing = { .width = CLAY_SIZING_GROW(), .height = CLAY_SIZING_GROW() },
|
||||
.layoutDirection = CLAY_TOP_TO_BOTTOM,
|
||||
},
|
||||
.backgroundColor = g_theme.bg_medium
|
||||
.backgroundColor = rp_top,
|
||||
.custom = { .customData = rp_grad }
|
||||
) {
|
||||
ui_tab_bar("RightTabs", right_tabs, 2, &app->right_panel_tab);
|
||||
|
||||
@@ -660,12 +675,17 @@ static void build_right_panel(AppState *app) {
|
||||
static void build_log_panel(B32 show) {
|
||||
if (!show) return;
|
||||
|
||||
Clay_Color lp_top = g_theme.bg_medium;
|
||||
Clay_Color lp_bot = {(float)Max((int)lp_top.r-8,0), (float)Max((int)lp_top.g-8,0), (float)Max((int)lp_top.b-8,0), 255};
|
||||
CustomGradientData *lp_grad = alloc_gradient(lp_top, lp_bot);
|
||||
|
||||
CLAY(CLAY_ID("LogPanel"),
|
||||
.layout = {
|
||||
.sizing = { .width = CLAY_SIZING_GROW(), .height = CLAY_SIZING_FIXED(uis(180)) },
|
||||
.layoutDirection = CLAY_TOP_TO_BOTTOM,
|
||||
},
|
||||
.backgroundColor = g_theme.bg_medium,
|
||||
.backgroundColor = lp_top,
|
||||
.custom = { .customData = lp_grad },
|
||||
.border = { .color = g_theme.border, .width = { .top = 1 } }
|
||||
) {
|
||||
{
|
||||
|
||||
Reference in New Issue
Block a user