diff --git a/RpgRoller/Components/App.razor b/RpgRoller/Components/App.razor
index 356b52c..56a5ee1 100644
--- a/RpgRoller/Components/App.razor
+++ b/RpgRoller/Components/App.razor
@@ -8,6 +8,10 @@
RpgRoller
+
+
+
+
diff --git a/RpgRoller/Components/Pages/HomeControls/CampaignManagementPanel.razor b/RpgRoller/Components/Pages/HomeControls/CampaignManagementPanel.razor
index ef2e043..e869fa0 100644
--- a/RpgRoller/Components/Pages/HomeControls/CampaignManagementPanel.razor
+++ b/RpgRoller/Components/Pages/HomeControls/CampaignManagementPanel.razor
@@ -56,7 +56,7 @@
title="Edit character"
disabled="@(IsMutating || IsCreatingCampaign || !CanEditCharacter(character))"
@onclick="() => EditCharacterRequested.InvokeAsync(character)">
- ✎
+ ✏️
Edit @character.Name
diff --git a/RpgRoller/Components/Pages/HomeControls/CharacterPanel.razor b/RpgRoller/Components/Pages/HomeControls/CharacterPanel.razor
index 2f45c42..51846f0 100644
--- a/RpgRoller/Components/Pages/HomeControls/CharacterPanel.razor
+++ b/RpgRoller/Components/Pages/HomeControls/CharacterPanel.razor
@@ -38,7 +38,7 @@
title="Edit character"
disabled="@(IsMutating || !CanEditCharacter(SelectedCharacter))"
@onclick="() => EditCharacterRequested.InvokeAsync(SelectedCharacter)">
- ✎
+ ✏️
Edit character
@SelectedCharacter.Name
- ✎
+ ✏️
Edit @group.Name
@@ -106,7 +106,7 @@
title="Edit skill"
disabled="@(IsMutating || !CanEditSkill(skill))"
@onclick="() => OpenEditSkillModal(skill)">
- ✎
+ ✏️
Edit @skill.Name
@@ -164,7 +164,7 @@
title="Edit skill"
disabled="@(IsMutating || !CanEditSkill(skill))"
@onclick="() => OpenEditSkillModal(skill)">
- ✎
+ ✏️
Edit @skill.Name
diff --git a/RpgRoller/wwwroot/styles.css b/RpgRoller/wwwroot/styles.css
index ea05c0b..aa1be50 100644
--- a/RpgRoller/wwwroot/styles.css
+++ b/RpgRoller/wwwroot/styles.css
@@ -1,6 +1,7 @@
:root {
--bg-top: #f7f0d8;
--bg-bottom: #ecdfc4;
+ --button-hover: #dccfb4;
--card: #fffaf0;
--card-border: #c3b28b;
--text: #2b2418;
@@ -30,14 +31,24 @@ body {
background: radial-gradient(circle at 15% 10%, rgba(255, 255, 255, 0.32), transparent 45%),
linear-gradient(165deg, var(--bg-top), var(--bg-bottom));
color: var(--text);
- font-family: "Trebuchet MS", "Lucida Sans Unicode", "Segoe UI", sans-serif;
+ font-family:
+ "Baloo 2",
+ "Nunito",
+ "Segoe UI",
+ system-ui,
+ -apple-system,
+ sans-serif;
line-height: 1.4;
}
+.emoji {
+ font-family: "Noto Color Emoji", "Apple Color Emoji", "Segoe UI Emoji", sans-serif;
+ text-shadow: 0 0 1px black;
+}
+
h1,
h2,
h3 {
- font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
letter-spacing: 0.02em;
}
@@ -354,9 +365,9 @@ select:focus-visible {
}
.skill-details {
- display: grid;
gap: 0.1rem;
min-width: 0;
+ align-content: center;
}
.skill-details span {
@@ -380,7 +391,12 @@ select:focus-visible {
border-radius: 999px;
background: transparent;
color: var(--text);
+ border-color: #decbb7;
+}
+
+.chip-button:hover {
border-color: #8e7b57;
+ background: var(--button-hover);
}
.create-skill-item {
@@ -506,12 +522,12 @@ select:focus-visible {
justify-content: center;
width: 2.1rem;
height: 2.1rem;
+ padding-top: 4px;
border: 2px solid #2a2418;
border-radius: 0.45rem;
background: #ffffff;
color: #1f1a13;
- font-size: 1.45rem;
- font-weight: 700;
+ font-size: 2rem;
line-height: 1;
}
@@ -539,7 +555,6 @@ select:focus-visible {
background: #fde0dd;
color: #7f5f55;
border-style: dashed;
- text-decoration: line-through;
}
.empty,