style.h

Go to the documentation of this file.

 
#pragma once
 
#include <array>
#include <imgui.h>
#include <algorithm>
 
#include <rex/math.h>
#include <rex/logging/log_category.h>
#include <rex/types.h>
#include <rex/platform.h>
 
namespace rex::ui {
 
namespace detail {
 
constexpr u32 ColorByte(f32 channel) {
  const f32 scaled = std::clamp(channel, 0.0f, 1.0f) * 255.0f;
  const u32 whole = static_cast<u32>(scaled);
  return whole + ((scaled - static_cast<f32>(whole)) >= 0.5f ? 1u : 0u);
}
 
}  // namespace detail

struct Color {
  f32 r = 0;
  f32 g = 0;
  f32 b = 0;
  f32 a = 1; 

  static constexpr Color FromRGBA(f32 r, f32 g, f32 b, f32 a = 1) { return Color{r, g, b, a}; }

  static constexpr Color FromRGB8(u32 rrggbb, f32 a = 1) {
    return Color{static_cast<f32>((rrggbb >> 16) & 0xFFu) / 255.0f,
                 static_cast<f32>((rrggbb >> 8) & 0xFFu) / 255.0f,
                 static_cast<f32>(rrggbb & 0xFFu) / 255.0f, a};
  }

  static constexpr Color FromRGBA8(u8 r, u8 g, u8 b, u8 a = 255) {
    return Color{static_cast<f32>(r) / 255.0f, static_cast<f32>(g) / 255.0f,
                 static_cast<f32>(b) / 255.0f, static_cast<f32>(a) / 255.0f};
  }

  static constexpr Color FromARGB8(u32 argb) {
    return FromRGBA8(static_cast<u8>(argb >> 16), static_cast<u8>(argb >> 8), static_cast<u8>(argb),
                     static_cast<u8>(argb >> 24));
  }

  constexpr Color WithAlpha(f32 alpha) const { return Color{r, g, b, alpha}; }

  constexpr Color Scaled(f32 factor) const { return Color{r * factor, g * factor, b * factor, a}; }

  static constexpr Color Lerp(Color from, Color to, f32 t) {
    const f32 inverse = 1.0f - t;
    return Color{inverse * from.r + t * to.r, inverse * from.g + t * to.g,
                 inverse * from.b + t * to.b, inverse * from.a + t * to.a};
  }

  constexpr u32 ToRGBA8() const {
    return detail::ColorByte(r) | (detail::ColorByte(g) << 8) | (detail::ColorByte(b) << 16) |
           (detail::ColorByte(a) << 24);
  }

  constexpr u32 ToARGB8() const {
    return (detail::ColorByte(a) << 24) | (detail::ColorByte(r) << 16) |
           (detail::ColorByte(g) << 8) | detail::ColorByte(b);
  }
 
  constexpr bool operator==(const Color& other) const = default;
};
 
namespace colors {
 
inline constexpr Color kWhite = Color::FromRGBA(1, 1, 1);
inline constexpr Color kBlack = Color::FromRGBA(0, 0, 0);
inline constexpr Color kTransparent = Color::FromRGBA(0, 0, 0, 0);
 
}  // namespace colors
 
}  // namespace rex::ui
 
namespace rex::ui {
 
namespace detail {
 
inline constexpr Color kSuccess = Color::FromRGBA(0.40f, 1.00f, 0.40f);
inline constexpr Color kWarning = Color::FromRGBA(1.00f, 0.80f, 0.20f);
inline constexpr Color kError = Color::FromRGBA(1.00f, 0.40f, 0.40f);
inline constexpr Color kInfo = Color::FromRGBA(0.60f, 0.85f, 1.00f);
inline constexpr Color kMuted = Color::FromRGBA(1.00f, 1.00f, 1.00f, 0.50f);
 
}  // namespace detail

struct ControlPalette {
  Color frame = Color::FromRGBA(0.80f, 0.80f, 0.80f, 0.30f);
  Color frame_hovered = Color::FromRGBA(0.90f, 0.80f, 0.80f, 0.40f);
  Color frame_active = Color::FromRGBA(0.90f, 0.65f, 0.65f, 0.45f);
  Color title = Color::FromRGBA(0.00f, 0.40f, 0.00f, 1.00f);
  Color title_collapsed = Color::FromRGBA(0.00f, 0.33f, 0.00f, 1.00f);
  Color title_active = Color::FromRGBA(0.16f, 0.65f, 0.00f, 1.00f);
  Color menu_bar = Color::FromRGBA(0.00f, 0.35f, 0.00f, 1.00f);
  Color scrollbar = Color::FromRGBA(0.00f, 0.40f, 0.11f, 0.59f);
  Color scrollbar_grab = Color::FromRGBA(0.00f, 0.68f, 0.00f, 0.68f);
  Color scrollbar_grab_hovered = Color::FromRGBA(0.00f, 1.00f, 0.15f, 0.62f);
  Color scrollbar_grab_active = Color::FromRGBA(0.00f, 0.91f, 0.09f, 0.40f);
  Color check_mark = Color::FromRGBA(0.74f, 0.90f, 0.72f, 0.50f);
  Color slider_grab = Color::FromRGBA(1.00f, 1.00f, 1.00f, 0.30f);
  Color slider_grab_active = Color::FromRGBA(0.34f, 0.75f, 0.11f, 1.00f);
  Color header = Color::FromRGBA(0.00f, 0.40f, 0.00f, 0.71f);
  Color header_hovered = Color::FromRGBA(0.00f, 0.60f, 0.26f, 0.80f);
  Color header_active = Color::FromRGBA(0.00f, 0.75f, 0.00f, 0.80f);
  Color separator = Color::FromRGBA(0.00f, 0.35f, 0.00f, 1.00f);
  Color separator_hovered = Color::FromRGBA(0.36f, 0.89f, 0.38f, 1.00f);
  Color separator_active = Color::FromRGBA(0.13f, 0.50f, 0.11f, 1.00f);
  Color resize_grip = Color::FromRGBA(1.00f, 1.00f, 1.00f, 0.30f);
  Color resize_grip_hovered = Color::FromRGBA(1.00f, 1.00f, 1.00f, 0.60f);
  Color resize_grip_active = Color::FromRGBA(1.00f, 1.00f, 1.00f, 0.90f);
  Color tab = Color::FromRGBA(0.15f, 0.56f, 0.11f, 0.60f);
  Color tab_hovered = Color::FromRGBA(0.19f, 0.72f, 0.09f, 1.00f);
  Color tab_active = Color::FromRGBA(0.19f, 0.60f, 0.09f, 1.00f);
  Color tab_unfocused = Color::FromRGBA(0.80f, 0.80f, 0.80f, 0.30f);
  Color tab_unfocused_active = Color::FromRGBA(0.90f, 0.80f, 0.80f, 0.40f);
  Color plot_lines = Color::FromRGBA(1.00f, 1.00f, 1.00f, 1.00f);
  Color plot_lines_hovered = Color::FromRGBA(0.90f, 0.70f, 0.00f, 1.00f);
  Color plot_histogram = Color::FromRGBA(0.90f, 0.70f, 0.00f, 1.00f);
  Color plot_histogram_hovered = Color::FromRGBA(1.00f, 0.60f, 0.00f, 1.00f);
  Color selection = Color::FromRGBA(0.00f, 1.00f, 0.00f, 0.21f);
  Color table_header = Color::FromRGBA(0.19f, 0.19f, 0.20f, 1.00f);
  Color table_border_strong = Color::FromRGBA(0.31f, 0.31f, 0.35f, 1.00f);
  Color table_border_light = Color::FromRGBA(0.23f, 0.23f, 0.25f, 1.00f);
  Color table_row = Color::FromRGBA(0.00f, 0.00f, 0.00f, 0.00f);
  Color table_row_alt = Color::FromRGBA(1.00f, 1.00f, 1.00f, 0.06f);
  Color text_link = Color::FromRGBA(0.26f, 0.59f, 0.98f, 1.00f);
  Color tree_lines = Color::FromRGBA(0.43f, 0.43f, 0.50f, 0.50f);
  Color nav_cursor = Color::FromRGBA(0.26f, 0.59f, 0.98f, 1.00f);
  Color nav_windowing_highlight = Color::FromRGBA(1.00f, 1.00f, 1.00f, 0.70f);
  Color nav_windowing_dim = Color::FromRGBA(0.80f, 0.80f, 0.80f, 0.20f);

  bool operator==(const ControlPalette& other) const = default;
};

struct Palette {
  Color accent = Color::FromRGBA(0.15f, 0.56f, 0.11f);
  f32 button_alpha = 0.60f;
  Color accent_hovered = Color::FromRGBA(0.19f, 0.72f, 0.09f);
  Color accent_active = Color::FromRGBA(0.19f, 0.60f, 0.09f);
  Color panel = Color::FromRGBA(0.00f, 0.06f, 0.00f);
  Color panel_popup = Color::FromRGBA(0.20f, 0.20f, 0.20f, 0.99f);
  Color text = Color::FromRGBA(0.89f, 0.90f, 0.90f);
  Color text_muted = detail::kMuted;
  Color text_disabled = Color::FromRGBA(0.60f, 0.60f, 0.60f);
  Color border = Color::FromRGBA(0.00f, 0.35f, 0.00f);
  Color success = detail::kSuccess;
  Color warning = detail::kWarning;
  Color error = detail::kError;
  Color info = detail::kInfo;
  Color highlight = Color::FromRGBA(0.90f, 0.70f, 0.00f);
  Color shadow = Color::FromRGBA(0.00f, 0.00f, 0.00f, 0.00f);
  Color overlay_dim = Color::FromRGBA(0.20f, 0.20f, 0.20f, 0.35f);
  ControlPalette controls;

  bool operator==(const Palette& other) const = default;
};

struct WindowAlpha {
  f32 overlay = 0.92f;
  f32 panel = 0.85f;
  f32 toast = 0.88f;
  f32 hud = 0.5f;

  bool operator==(const WindowAlpha& other) const = default;
};
 
struct Metrics {
  f32 window_rounding = 0;
  f32 rounding = 0;
  f32 frame_rounding = 0;
  f32 child_rounding = 0;
  f32 popup_rounding = 0;
  f32 grab_rounding = 0;
  f32 border = 1;
  Vec2 window_padding{8, 8};
  Vec2 item_spacing{8, 4};
  Vec2 frame_padding{4, 3};
  f32 icon_size = 44;
  f32 row_rounding = 3;
  f32 toast_rounding = 6;
  f32 toast_padding = 16;
  f32 toast_width = 320;
  f32 toast_height = 70;
  f32 toast_stack_height = 80;
  f32 footer_height = 30;
  f32 side_panel_width = 160;
  f32 button_width = 140;
  f32 value_width = 160;
  WindowAlpha window_alpha;
 
  bool operator==(const Metrics& other) const = default;
};
 
struct AchievementsStyle {
  Color unlocked_title = Color::FromRGBA(0.45f, 1.00f, 0.55f, 1.00f);
  Color unlocked_desc = Color::FromRGBA(0.70f, 0.85f, 0.72f, 1.00f);
  Color locked_title = Color::FromRGBA(0.78f, 0.80f, 0.84f, 1.00f);
  Color locked_desc = Color::FromRGBA(0.50f, 0.52f, 0.56f, 1.00f);
  Color badge_gamerscore = Color::FromRGBA(1.00f, 0.82f, 0.30f, 1.00f);
  Color row_unlocked_bg = Color::FromRGBA(0.16f, 0.30f, 0.18f, 0.55f);
  Color header_text = detail::kInfo;
  Color progress_bar = Color::FromRGBA(0.30f, 0.80f, 0.40f, 1.00f);
  Color unlocked_icon_tint = colors::kWhite;
  Color locked_icon_tint = Color::FromRGBA(0.45f, 0.45f, 0.45f, 0.80f);
  Vec2 window_padding{14.0f, 12.0f};
  Vec2 item_spacing{8.0f, 6.0f};
};

struct ToastStyle {
  Color text = colors::kWhite;
  Color title = Color::FromRGBA(1.00f, 0.85f, 0.20f, 1.00f);
};
 
struct ConsoleStyle {
  std::array<Color, rex::log::kMessageLevelCount> level = {{
      Color::FromRGBA(0.5f, 0.5f, 0.5f, 1.0f),
      Color::FromRGBA(0.8f, 0.5f, 0.9f, 1.0f),
      Color::FromRGBA(0.4f, 0.9f, 0.9f, 1.0f),
      colors::kWhite,
      Color::FromRGBA(1.0f, 1.0f, 0.0f, 1.0f),
      detail::kError,
      Color::FromRGBA(1.0f, 0.0f, 0.0f, 1.0f),
  }};
  Color completion_bg = Color::FromRGBA(0.10f, 0.10f, 0.10f, 0.95f);
  Color completion_highlight = Color::FromRGBA(0.235f, 0.353f, 0.549f, 0.784f);
};
 
struct DebugOverlayStyle {
  Color muted_text = detail::kMuted;
};
 
struct SettingsStyle {
  Color warning = detail::kWarning;
  Color lifecycle_hot_reload = detail::kSuccess;
  Color lifecycle_restart = Color::FromRGBA(1.00f, 1.00f, 0.40f, 1.00f);
  Color lifecycle_init_only = detail::kError;
  Color lifecycle_unknown = colors::kWhite;
};

struct Style {
  Palette palette;
  Metrics metrics;
  AchievementsStyle achievements;
  ToastStyle toast;
  ConsoleStyle console;
  DebugOverlayStyle debug;
  SettingsStyle settings;
};
 
}  // namespace rex::ui
 
namespace rex::ui {

inline ImVec4 ToImVec4(Color color) {
  return ImVec4(color.r, color.g, color.b, color.a);
}

inline ImU32 ToImU32(Color color) {
  return color.ToRGBA8();
}

inline Color FromImVec4(const ImVec4& value) {
  return Color::FromRGBA(value.x, value.y, value.z, value.w);
}

REX_UI_API void ApplyDefaultStyle(ImGuiStyle& imgui_style, const Palette& palette,
                                  const Metrics& metrics);
 
}  // namespace rex::ui