diff --git a/daggerheart.mjs b/daggerheart.mjs
index d6b180d3..65084450 100644
--- a/daggerheart.mjs
+++ b/daggerheart.mjs
@@ -5,13 +5,13 @@ import * as documents from './module/documents/_module.mjs';
 import RegisterHandlebarsHelpers from './module/helpers/handlebarsHelper.mjs';
 import DhpCombatTracker from './module/ui/combatTracker.mjs';
 import { GMUpdateEvent, handleSocketEvent, socketEvent } from './module/helpers/socket.mjs';
-import { registerDHPSettings } from './module/applications/settings.mjs';
+import { registerDHSettings } from './module/applications/settings.mjs';
 import DhpChatLog from './module/ui/chatLog.mjs';
 import DhpPlayers from './module/ui/players.mjs';
 import DhpRuler from './module/ui/ruler.mjs';
 import DhpTokenRuler from './module/ui/tokenRuler.mjs';
-import { dualityRollEnricher, getDualityMessage } from './module/enrichers/DualityRollEnricher.mjs';
-import { getCommandTarget, rollCommandToJSON } from './module/helpers/utils.mjs';
+import { dualityRollEnricher } from './module/enrichers/DualityRollEnricher.mjs';
+import { getCommandTarget, rollCommandToJSON, setDiceSoNiceForDualityRoll } from './module/helpers/utils.mjs';
 import { abilities } from './module/config/actorConfig.mjs';
 
 globalThis.SYSTEM = SYSTEM;
@@ -97,7 +97,7 @@ Hooks.once('init', () => {
 
     game.socket.on(`system.${SYSTEM.id}`, handleSocketEvent);
 
-    registerDHPSettings();
+    registerDHSettings();
     RegisterHandlebarsHelpers.registerHelpers();
 
     return preloadHandlebarsTemplates();
@@ -213,12 +213,19 @@ Hooks.on('chatMessage', (_, message) => {
                 const attributeRoll = `${attribute?.data?.value ? `${attribute.data.value > 0 ? `+${attribute.data.value}` : `${attribute.data.value}`}` : ''}`;
                 const roll = new Roll(`${hopeAndFearRoll}${advantageRoll}${attributeRoll}`);
                 await roll.evaluate();
+
+                setDiceSoNiceForDualityRoll(
+                    roll,
+                    rollCommand.advantage && !rollCommand.disadvantage,
+                    rollCommand.disadvantage && !rollCommand.advantage
+                );
+
                 resolve({
                     roll,
                     attribute: attribute
                         ? {
                               value: attribute.data.value,
-                              label: `${game.i18n.localize(abilities[attributeValue].label)} ${attribute.data.value >= 0 ? `+` : `-`}${attribute.data.value}`
+                              label: `${game.i18n.localize(abilities[attributeValue].label)} ${attribute.data.value >= 0 ? `+` : ``}${attribute.data.value}`
                           }
                         : undefined,
                     title
diff --git a/lang/en.json b/lang/en.json
index a07b84f6..3be85a5d 100755
--- a/lang/en.json
+++ b/lang/en.json
@@ -46,6 +46,21 @@
                     "CloseLabel": "Close",
                     "FarLabel": "Far",
                     "VeryFarLabel": "Very Far"
+                },
+                "Appearance": {
+                    "title": "Appearance Settings",
+                    "label": "Appearance Settings",
+                    "hint": "Modify the look of various parts of the system",
+                    "name": "Appearance Settings",
+                    "duality": "Duality Rolls",
+                    "DiceSoNice": {
+                        "title": "Dice So Nice",
+                        "hint": "Coloration of Hope and Fear dice if the Dice So Nice module is used.",
+                        "foreground": "Foreground",
+                        "background": "Background",
+                        "outline": "Outline",
+                        "edge": "Edge"
+                    }
                 }
             },
             "Automation": {
diff --git a/module/applications/chatMessage.mjs b/module/applications/chatMessage.mjs
index c5964023..fb4cc613 100644
--- a/module/applications/chatMessage.mjs
+++ b/module/applications/chatMessage.mjs
@@ -1,5 +1,5 @@
-import { DualityRollColor } from '../config/settingsConfig.mjs';
 import DhpDualityRoll from '../data/dualityRoll.mjs';
+import { DualityRollColor } from '../data/settings/Appearance.mjs';
 
 export default class DhpChatMesssage extends ChatMessage {
     async renderHTML() {
@@ -16,7 +16,7 @@ export default class DhpChatMesssage extends ChatMessage {
         const html = await super.renderHTML();
         if (
             this.type === 'dualityRoll' &&
-            game.settings.get(SYSTEM.id, SYSTEM.SETTINGS.gameSettings.DualityRollColor) ===
+            game.settings.get(SYSTEM.id, SYSTEM.SETTINGS.gameSettings.appearance).dualityColorScheme ===
                 DualityRollColor.colorful.value
         ) {
             html.classList.add('duality');
diff --git a/module/applications/settings.mjs b/module/applications/settings.mjs
index 80036bb5..631ce1ce 100644
--- a/module/applications/settings.mjs
+++ b/module/applications/settings.mjs
@@ -1,4 +1,5 @@
-import { DualityRollColor } from '../config/settingsConfig.mjs';
+import DhAppearance from '../data/settings/Appearance.mjs';
+import DHAppearanceSettings from './settings/appearanceSettings.mjs';
 
 class DhpAutomationSettings extends FormApplication {
     constructor(object = {}, options = {}) {
@@ -160,7 +161,7 @@ class DhpRangeSettings extends FormApplication {
     }
 }
 
-export const registerDHPSettings = () => {
+export const registerDHSettings = () => {
     // const debouncedReload = foundry.utils.debounce(() => window.location.reload(), 100);
 
     game.settings.register(SYSTEM.id, SYSTEM.SETTINGS.gameSettings.General.AbilityArray, {
@@ -215,14 +216,11 @@ export const registerDHPSettings = () => {
         }
     });
 
-    game.settings.register(SYSTEM.id, SYSTEM.SETTINGS.gameSettings.DualityRollColor, {
-        name: game.i18n.localize('DAGGERHEART.Settings.DualityRollColor.Name'),
-        hint: game.i18n.localize('DAGGERHEART.Settings.DualityRollColor.Hint'),
-        scope: 'world',
-        config: true,
-        type: Number,
-        choices: Object.values(DualityRollColor),
-        default: DualityRollColor.colorful.value
+    game.settings.register(SYSTEM.id, SYSTEM.SETTINGS.gameSettings.appearance, {
+        scope: 'client',
+        config: false,
+        type: DhAppearance,
+        default: DhAppearance.defaultSchema
     });
 
     game.settings.registerMenu(SYSTEM.id, SYSTEM.SETTINGS.menu.Automation.Name, {
@@ -249,53 +247,13 @@ export const registerDHPSettings = () => {
         type: DhpRangeSettings,
         restricted: true
     });
+
+    game.settings.registerMenu(SYSTEM.id, SYSTEM.SETTINGS.gameSettings.appearance, {
+        name: game.i18n.localize('DAGGERHEART.Settings.Menu.Appearance.title'),
+        label: game.i18n.localize('DAGGERHEART.Settings.Menu.Appearance.label'),
+        hint: game.i18n.localize('DAGGERHEART.Settings.Menu.Appearance.hint'),
+        icon: 'fa-solid fa-palette',
+        type: DHAppearanceSettings,
+        restricted: false
+    });
 };
-
-// const {HandlebarsApplicationMixin, ApplicationV2} = foundry.applications.api;
-
-// export default class DhpSettings extends HandlebarsApplicationMixin(ApplicationV2) {
-//     constructor(actor, shortrest){
-//         super({});
-
-//         this.actor = actor;
-//         this.selectedActivity = null;
-//         this.shortrest = shortrest;
-
-//         this.customActivity = SYSTEM.GENERAL.downtime.custom;
-//     }
-
-//     get title(){
-//         return game.i18n.localize("DAGGERHEART.Application.Settings.Title");
-//     }
-
-//     static DEFAULT_OPTIONS = {
-//         tag: 'form',
-//         classes: ["daggerheart", "application", "settings"],
-//         position: { width: 800, height: 'auto' },
-//         actions: {
-//             selectActivity: this.selectActivity,
-//         },
-//         form: { handler: this.updateData }
-//     };
-
-//     static PARTS = {
-//         application: {
-//             id: "settings",
-//             template: "systems/daggerheart/templates/application/settings.hbs"
-//         }
-//     }
-
-//     async _prepareContext(_options) {
-//         const context = await super._prepareContext(_options);
-
-//         return context;
-//     }
-
-//     static async updateData(event, element, formData){
-//         this.render();
-//     }
-
-//     static close(){
-//         super.close();
-//     }
-// }
diff --git a/module/applications/settings/appearanceSettings.mjs b/module/applications/settings/appearanceSettings.mjs
new file mode 100644
index 00000000..e906012b
--- /dev/null
+++ b/module/applications/settings/appearanceSettings.mjs
@@ -0,0 +1,59 @@
+import DhAppearance from '../../data/settings/Appearance.mjs';
+
+const { HandlebarsApplicationMixin, ApplicationV2 } = foundry.applications.api;
+
+export default class DHAppearanceSettings extends HandlebarsApplicationMixin(ApplicationV2) {
+    constructor() {
+        super({});
+
+        this.settings = new DhAppearance(
+            game.settings.get(SYSTEM.id, SYSTEM.SETTINGS.gameSettings.appearance).toObject()
+        );
+    }
+
+    get title() {
+        return game.i18n.localize('DAGGERHEART.Settings.Menu.Appearance.name');
+    }
+
+    static DEFAULT_OPTIONS = {
+        tag: 'form',
+        id: 'daggerheart-appearance-settings',
+        classes: ['daggerheart', 'setting', 'dh-style'],
+        position: { width: '600', height: 'auto' },
+        actions: {
+            reset: this.reset,
+            save: this.save
+        },
+        form: { handler: this.updateData, submitOnChange: true }
+    };
+
+    static PARTS = {
+        main: {
+            template: 'systems/daggerheart/templates/settings/appearance-settings.hbs'
+        }
+    };
+
+    async _prepareContext(_options) {
+        const context = await super._prepareContext(_options);
+        context.settingFields = this.settings;
+
+        return context;
+    }
+
+    static async updateData(event, element, formData) {
+        const updatedSettings = foundry.utils.expandObject(formData.object);
+
+        await this.settings.updateSource(updatedSettings);
+        this.render();
+    }
+
+    static async reset() {
+        this.settings = new DhAppearance();
+        this.render();
+    }
+
+    static async save() {
+        await game.settings.set(SYSTEM.id, SYSTEM.SETTINGS.gameSettings.appearance, this.settings.toObject());
+        this.close();
+    }
+}
diff --git a/module/applications/sheets/pc.mjs b/module/applications/sheets/pc.mjs
index dc36ba06..effada64 100644
--- a/module/applications/sheets/pc.mjs
+++ b/module/applications/sheets/pc.mjs
@@ -489,7 +489,7 @@ export default class PCSheet extends DaggerheartSheet(ActorSheetV2) {
 
     static async rollAttribute(event, button) {
         const { roll, hope, fear, advantage, disadvantage, modifiers } = await this.document.dualityRoll(
-            { title: 'Attribute Bonus', value: button.dataset.value },
+            { title: game.i18n.localize(abilities[button.dataset.attribute].label), value: button.dataset.value },
             event.shiftKey
         );
 
diff --git a/module/config/generalConfig.mjs b/module/config/generalConfig.mjs
index 90c7e6e6..650b2489 100644
--- a/module/config/generalConfig.mjs
+++ b/module/config/generalConfig.mjs
@@ -247,6 +247,45 @@ export const diceTypes = {
     d20: 'd20'
 };
 
+export const getDiceSoNicePresets = () => {
+    const { diceSoNice } = game.settings.get(SYSTEM.id, SYSTEM.SETTINGS.gameSettings.appearance);
+
+    return {
+        hope: {
+            ...diceSoNice.hope,
+            colorset: 'inspired',
+            texture: 'bloodmoon',
+            material: 'metal',
+            font: 'Arial Black',
+            system: 'standard'
+        },
+        fear: {
+            ...diceSoNice.fear,
+            colorset: 'bloodmoon',
+            texture: 'bloodmoon',
+            material: 'metal',
+            font: 'Arial Black',
+            system: 'standard'
+        },
+        advantage: {
+            ...diceSoNice.advantage,
+            colorset: 'bloodmoon',
+            texture: 'bloodmoon',
+            material: 'metal',
+            font: 'Arial Black',
+            system: 'standard'
+        },
+        disadvantage: {
+            ...diceSoNice.disadvantage,
+            colorset: 'bloodmoon',
+            texture: 'bloodmoon',
+            material: 'metal',
+            font: 'Arial Black',
+            system: 'standard'
+        }
+    };
+};
+
 export const refreshTypes = {
     session: {
         id: 'session',
diff --git a/module/config/settingsConfig.mjs b/module/config/settingsConfig.mjs
index d844c1ff..be570260 100644
--- a/module/config/settingsConfig.mjs
+++ b/module/config/settingsConfig.mjs
@@ -25,16 +25,5 @@ export const gameSettings = {
         AbilityArray: 'AbilityArray',
         RangeMeasurement: 'RangeMeasurement'
     },
-    DualityRollColor: 'DualityRollColor'
-};
-
-export const DualityRollColor = {
-    colorful: {
-        value: 0,
-        label: 'DAGGERHEART.Settings.DualityRollColor.Options.Colorful'
-    },
-    normal: {
-        value: 1,
-        label: 'DAGGERHEART.Settings.DualityRollColor.Options.Normal'
-    }
+    appearance: 'Appearance'
 };
diff --git a/module/data/dualityRoll.mjs b/module/data/dualityRoll.mjs
index 50909a46..1c37f5e6 100644
--- a/module/data/dualityRoll.mjs
+++ b/module/data/dualityRoll.mjs
@@ -1,4 +1,4 @@
-import { DualityRollColor } from '../config/settingsConfig.mjs';
+import { DualityRollColor } from './settings/Appearance.mjs';
 
 const fields = foundry.data.fields;
 const diceField = () =>
@@ -81,7 +81,7 @@ export default class DhpDualityRoll extends foundry.abstract.TypeDataModel {
         const total = this.modifiers.reduce((acc, x) => acc + x.value, 0);
         return {
             value: total,
-            label: total > 0 ? `+${total}` : total < 0 ? `-${total}` : ''
+            label: total > 0 ? `+${total}` : total < 0 ? `${total}` : ''
         };
     }
 
@@ -106,7 +106,7 @@ export default class DhpDualityRoll extends foundry.abstract.TypeDataModel {
 
     get colorful() {
         return (
-            game.settings.get(SYSTEM.id, SYSTEM.SETTINGS.gameSettings.DualityRollColor) ===
+            game.settings.get(SYSTEM.id, SYSTEM.SETTINGS.gameSettings.appearance).dualityColorScheme ===
             DualityRollColor.colorful.value
         );
     }
diff --git a/module/data/settings/Appearance.mjs b/module/data/settings/Appearance.mjs
new file mode 100644
index 00000000..fdbd925c
--- /dev/null
+++ b/module/data/settings/Appearance.mjs
@@ -0,0 +1,51 @@
+export default class DhAppearance extends foundry.abstract.DataModel {
+    static defineSchema() {
+        const fields = foundry.data.fields;
+        return {
+            dualityColorScheme: new fields.StringField({
+                required: true,
+                choices: DualityRollColor,
+                initial: DualityRollColor.normal.value
+            }),
+            diceSoNice: new fields.SchemaField({
+                hope: new fields.SchemaField({
+                    foreground: new fields.ColorField({ required: true, initial: '#ffffff' }),
+                    background: new fields.ColorField({ required: true, initial: '#ffe760' }),
+                    outline: new fields.ColorField({ required: true, initial: '#000000' }),
+                    edge: new fields.ColorField({ required: true, initial: '#ffffff' })
+                }),
+                fear: new fields.SchemaField({
+                    foreground: new fields.ColorField({ required: true, initial: '#000000' }),
+                    background: new fields.ColorField({ required: true, initial: '#0032b1' }),
+                    outline: new fields.ColorField({ required: true, initial: '#ffffff' }),
+                    edge: new fields.ColorField({ required: true, initial: '#000000' })
+                }),
+                advantage: new fields.SchemaField({
+                    foreground: new fields.ColorField({ required: true, initial: '#ffffff' }),
+                    background: new fields.ColorField({ required: true, initial: '#008000' }),
+                    outline: new fields.ColorField({ required: true, initial: '#000000' }),
+                    edge: new fields.ColorField({ required: true, initial: '#ffffff' })
+                }),
+                disadvantage: new fields.SchemaField({
+                    foreground: new fields.ColorField({ required: true, initial: '#000000' }),
+                    background: new fields.ColorField({ required: true, initial: '#b30000' }),
+                    outline: new fields.ColorField({ required: true, initial: '#ffffff' }),
+                    edge: new fields.ColorField({ required: true, initial: '#000000' })
+                })
+            })
+        };
+    }
+
+    static defaultSchema = {};
+}
+
+export const DualityRollColor = {
+    colorful: {
+        value: 'colorful',
+        label: 'DAGGERHEART.Settings.DualityRollColor.Options.Colorful'
+    },
+    normal: {
+        value: 'normal',
+        label: 'DAGGERHEART.Settings.DualityRollColor.Options.Normal'
+    }
+};
diff --git a/module/documents/actor.mjs b/module/documents/actor.mjs
index 6db5f18e..eb89e5ef 100644
--- a/module/documents/actor.mjs
+++ b/module/documents/actor.mjs
@@ -2,6 +2,7 @@ import DamageSelectionDialog from '../applications/damageSelectionDialog.mjs';
 import NpcRollSelectionDialog from '../applications/npcRollSelectionDialog.mjs';
 import RollSelectionDialog from '../applications/rollSelectionDialog.mjs';
 import { GMUpdateEvent, socketEvent } from '../helpers/socket.mjs';
+import { setDiceSoNiceForDualityRoll } from '../helpers/utils.mjs';
 
 export default class DhpActor extends Actor {
     _preCreate(data, changes, user) {
@@ -116,16 +117,19 @@ export default class DhpActor extends Actor {
             disadvantageDice = null,
             bonusDamageString = '';
 
-        const modifiers = [
-            {
-                value: modifier.value ? Number.parseInt(modifier.value) : 0,
-                label:
-                    modifier.value >= 0
-                        ? `${modifier.title} +${modifier.value}`
-                        : `${modifier.title} -${modifier.value}`,
-                title: modifier.title
-            }
-        ];
+        const modifiers =
+            modifier.value !== null
+                ? [
+                      {
+                          value: modifier.value ? Number.parseInt(modifier.value) : 0,
+                          label:
+                              modifier.value >= 0
+                                  ? `${modifier.title} +${modifier.value}`
+                                  : `${modifier.title} ${modifier.value}`,
+                          title: modifier.title
+                      }
+                  ]
+                : [];
         if (!shiftKey) {
             const dialogClosed = new Promise((resolve, _) => {
                 new RollSelectionDialog(
@@ -161,53 +165,7 @@ export default class DhpActor extends Actor {
             `1${hopeDice} + 1${fearDice}${advantageDice ? ` + 1${advantageDice}` : disadvantageDice ? ` - 1${disadvantageDice}` : ''} ${modifiers.map(x => `+ ${x.value}`).join(' ')}`
         );
         let rollResult = await roll.evaluate();
-        rollResult.dice[0].options.appearance = {
-            colorset: 'inspired',
-            foreground: '#FFFFFF',
-            background: '#008080',
-            outline: '#000000',
-            edge: '#806400',
-            texture: 'bloodmoon',
-            material: 'metal',
-            font: 'Arial Black',
-            system: 'standard'
-        };
-        if (advantageDice || disadvantageDice) {
-            rollResult.dice[1].options.appearance = {
-                colorset: 'inspired',
-                foreground: disadvantageDice ? '#b30000' : '#FFFFFF',
-                background: '#008080',
-                outline: disadvantageDice ? '#000000' : '#000000',
-                edge: '#806400',
-                texture: 'bloodmoon',
-                material: 'metal',
-                font: 'Arial Black',
-                system: 'standard'
-            };
-            rollResult.dice[2].options.appearance = {
-                colorset: 'bloodmoon',
-                foreground: '#000000',
-                background: '#430070',
-                outline: '#b30000',
-                edge: '#000000',
-                texture: 'bloodmoon',
-                material: 'metal',
-                font: 'Arial Black',
-                system: 'standard'
-            };
-        } else {
-            rollResult.dice[1].options.appearance = {
-                colorset: 'bloodmoon',
-                foreground: '#000000',
-                background: '#430070',
-                outline: '#b30000',
-                edge: '#000000',
-                texture: 'bloodmoon',
-                material: 'metal',
-                font: 'Arial Black',
-                system: 'standard'
-            };
-        }
+        setDiceSoNiceForDualityRoll(rollResult, advantageDice, disadvantageDice);
 
         const hope = rollResult.dice[0].results[0].result;
         const fear = rollResult.dice[1].results[0].result;
diff --git a/module/helpers/utils.mjs b/module/helpers/utils.mjs
index 1c09970f..7a58a1f2 100644
--- a/module/helpers/utils.mjs
+++ b/module/helpers/utils.mjs
@@ -1,3 +1,5 @@
+import { diceSoNicePresets, getDiceSoNicePresets } from '../config/generalConfig.mjs';
+
 export const loadCompendiumOptions = async compendiums => {
     const compendiumValues = [];
 
@@ -118,3 +120,14 @@ export const getCommandTarget = () => {
 
     return target;
 };
+
+export const setDiceSoNiceForDualityRoll = (rollResult, advantage, disadvantage) => {
+    const diceSoNicePresets = getDiceSoNicePresets();
+    rollResult.dice[0].options.appearance = diceSoNicePresets.hope;
+    rollResult.dice[1].options.appearance = diceSoNicePresets.fear;
+    if (advantage) {
+        rollResult.dice[2].options.appearance = diceSoNicePresets.advantage;
+    } else if (disadvantage) {
+        rollResult.dice[2].options.appearance = diceSoNicePresets.disadvantage;
+    }
+};
diff --git a/styles/chat.less b/styles/chat.less
index f54de5d2..e6bb20c2 100644
--- a/styles/chat.less
+++ b/styles/chat.less
@@ -21,15 +21,6 @@
                 align-items: end;
                 justify-content: space-between;
                 padding: 0 8px;
-
-                .duality-result-value {
-                    border: 1px solid var(--color-dark-5);
-                    padding: 2px;
-                    font-weight: bold;
-                    background: var(--color-dark-1);
-                    margin-bottom: 4px;
-                    font-size: 16px;
-                }
             }
 
             .duality-modifiers {
@@ -211,7 +202,7 @@
             text-shadow: 0 0 1px black;
             font-weight: bold;
             background: var(--color-dark-1);
-            padding: 4px;
+            padding: 4px 4px 0 4px;
             border-radius: 6px 0 0 0;
         }
 
@@ -506,6 +497,15 @@
                 margin-top: 5px;
             }
         }
+
+        .dice-actions {
+            margin-top: 5px;
+            display: flex;
+
+            button {
+                flex: 1;
+            }
+        }
     }
 
     &.domain-card {
diff --git a/styles/daggerheart.css b/styles/daggerheart.css
index 0ecfcbc4..f15e3ede 100755
--- a/styles/daggerheart.css
+++ b/styles/daggerheart.css
@@ -1369,14 +1369,6 @@
   justify-content: space-between;
   padding: 0 8px;
 }
-.chat-message.duality .duality-data .duality-title .duality-result-value {
-  border: 1px solid var(--color-dark-5);
-  padding: 2px;
-  font-weight: bold;
-  background: var(--color-dark-1);
-  margin-bottom: 4px;
-  font-size: 16px;
-}
 .chat-message.duality .duality-data .duality-modifiers {
   display: flex;
   gap: 2px;
@@ -1504,7 +1496,7 @@
   text-shadow: 0 0 1px black;
   font-weight: bold;
   background: var(--color-dark-1);
-  padding: 4px;
+  padding: 4px 4px 0 4px;
   border-radius: 6px 0 0 0;
 }
 .chat-message.duality .duality-actions {
@@ -1736,6 +1728,13 @@
 .daggerheart.chat.roll .dice-result .damage-button {
   margin-top: 5px;
 }
+.daggerheart.chat.roll .dice-actions {
+  margin-top: 5px;
+  display: flex;
+}
+.daggerheart.chat.roll .dice-actions button {
+  flex: 1;
+}
 .daggerheart.chat.domain-card {
   display: flex;
   flex-direction: column;
@@ -3095,6 +3094,39 @@ div.daggerheart.views.multiclass {
   transform: translateY(-20px);
   transform-origin: top;
 }
+.application.setting.dh-style fieldset h2,
+.application.setting.dh-style fieldset h3,
+.application.setting.dh-style fieldset h4 {
+  margin: 8px 0 4px;
+  text-align: center;
+}
+.application.setting.dh-style fieldset .title-hint {
+  font-size: 12px;
+  font-variant: small-caps;
+  text-align: center;
+}
+.application.setting.dh-style fieldset .field-section .split-section {
+  display: grid;
+  grid-template-columns: 1fr 1fr;
+  gap: 10px;
+}
+.application.setting.dh-style fieldset .label-container {
+  display: grid;
+  grid-template-columns: 1fr 1fr;
+  gap: 10px;
+}
+.application.setting.dh-style fieldset .label-container label {
+  align-self: center;
+  text-align: center;
+}
+.application.setting.dh-style footer {
+  margin-top: 8px;
+  display: flex;
+  gap: 8px;
+}
+.application.setting.dh-style footer button {
+  flex: 1;
+}
 .sheet.daggerheart.dh-style .tab-navigation {
   margin: 5px 0;
   height: 40px;
diff --git a/styles/less/global/elements.less b/styles/less/global/elements.less
index 1ebfcb44..7888d8d3 100755
--- a/styles/less/global/elements.less
+++ b/styles/less/global/elements.less
@@ -1,161 +1,206 @@
-@import '../utils/colors.less';
-@import '../utils/fonts.less';
-
-.application.sheet.dh-style {
-    border: 1px solid light-dark(@dark-blue, @golden);
-
-    input[type='text'],
-    input[type='number'] {
-        background: light-dark(transparent, transparent);
-        border-radius: 6px;
-        box-shadow: 0 4px 30px @soft-shadow;
-        backdrop-filter: blur(9.5px);
-        -webkit-backdrop-filter: blur(9.5px);
-        outline: none;
-        color: light-dark(@dark-blue, @golden);
-        border: 1px solid light-dark(@dark, @beige);
-
-        &:hover[type='text'],
-        &:hover[type='number'],
-        &:focus[type='text'],
-        &:focus[type='number'] {
-            background: light-dark(@soft-shadow, @semi-transparent-dark-blue);
-            box-shadow: none;
-            outline: 2px solid light-dark(@dark, @beige);
-        }
-    }
-
-    input[type='checkbox'] {
-        &:checked::after {
-            color: light-dark(@dark, @golden);
-        }
-        &:checked::before {
-            color: light-dark(transparent, @dark-blue);
-        }
-        &::before {
-            color: light-dark(@dark, @beige);
-        }
-    }
-
-    button {
-        background: light-dark(transparent, @golden);
-        border: 1px solid light-dark(@dark-blue, @dark-blue);
-        color: light-dark(@dark-blue, @dark-blue);
-        outline: none;
-        box-shadow: none;
-
-        &:hover {
-            background: light-dark(@light-black, @dark-blue);
-            color: light-dark(@dark-blue, @golden);
-        }
-    }
-
-    select {
-        background: light-dark(transparent, transparent);
-        color: light-dark(@dark, @beige);
-        font-family: @font-body;
-        outline: 2px solid transparent;
-        border: 1px solid light-dark(@dark, @beige);
-
-        &:focus,
-        &:hover {
-            outline: 2px solid light-dark(@dark, @beige);
-            box-shadow: none;
-        }
-
-        & option {
-            color: @beige;
-            background-color: @dark-blue;
-            border-radius: 6px;
-        }
-    }
-
-    p {
-        margin: 0;
-    }
-
-    ul {
-        margin: 0;
-        padding: 0;
-        list-style: none;
-    }
-
-    li {
-        margin: 0;
-    }
-
-    fieldset {
-        align-items: center;
-        margin-top: 5px;
-        border-radius: 6px;
-        border-color: light-dark(@dark-blue, @golden);
-
-        &.one-column {
-            display: flex;
-            flex-direction: column;
-            align-items: start;
-            gap: 10px;
-            min-height: 64px;
-        }
-
-        &.two-columns {
-            display: grid;
-            grid-template-columns: 1fr 2fr;
-            gap: 10px;
-        }
-
-        legend {
-            font-family: @font-body;
-            font-weight: bold;
-            color: light-dark(@dark-blue, @golden);
-
-            a {
-                text-shadow: none;
-            }
-        }
-
-        input[type='text'],
-        input[type='number'] {
-            color: light-dark(@dark, @beige);
-            font-family: @font-body;
-            transition: all 0.3s ease;
-            outline: 2px solid transparent;
-
-            &:focus,
-            &:hover {
-                outline: 2px solid light-dark(@dark, @beige);
-            }
-        }
-
-        .nest-inputs {
-            display: flex;
-            align-items: center;
-            gap: 5px;
-        }
-    }
-
-    line-div {
-        display: block;
-        height: 1px;
-        width: 100%;
-        border-bottom: 1px solid light-dark(@dark-blue, @golden);
-        mask-image: linear-gradient(270deg, transparent 0%, black 50%, transparent 100%);
-    }
-
-    .item-description {
-        opacity: 1;
-        transform: translateY(0);
-
-        transition:
-            opacity 0.3s ease-out,
-            transform 0.3s ease-out;
-    }
-
-    .item-description.invisible {
-        height: 0;
-        opacity: 0;
-        overflow: hidden;
-        transform: translateY(-20px);
-        transform-origin: top;
-    }
-}
+@import '../utils/colors.less';
+@import '../utils/fonts.less';
+
+.application.sheet.dh-style {
+    border: 1px solid light-dark(@dark-blue, @golden);
+
+    input[type='text'],
+    input[type='number'] {
+        background: light-dark(transparent, transparent);
+        border-radius: 6px;
+        box-shadow: 0 4px 30px @soft-shadow;
+        backdrop-filter: blur(9.5px);
+        -webkit-backdrop-filter: blur(9.5px);
+        outline: none;
+        color: light-dark(@dark-blue, @golden);
+        border: 1px solid light-dark(@dark, @beige);
+
+        &:hover[type='text'],
+        &:hover[type='number'],
+        &:focus[type='text'],
+        &:focus[type='number'] {
+            background: light-dark(@soft-shadow, @semi-transparent-dark-blue);
+            box-shadow: none;
+            outline: 2px solid light-dark(@dark, @beige);
+        }
+    }
+
+    input[type='checkbox'] {
+        &:checked::after {
+            color: light-dark(@dark, @golden);
+        }
+        &:checked::before {
+            color: light-dark(transparent, @dark-blue);
+        }
+        &::before {
+            color: light-dark(@dark, @beige);
+        }
+    }
+
+    button {
+        background: light-dark(transparent, @golden);
+        border: 1px solid light-dark(@dark-blue, @dark-blue);
+        color: light-dark(@dark-blue, @dark-blue);
+        outline: none;
+        box-shadow: none;
+
+        &:hover {
+            background: light-dark(@light-black, @dark-blue);
+            color: light-dark(@dark-blue, @golden);
+        }
+    }
+
+    select {
+        background: light-dark(transparent, transparent);
+        color: light-dark(@dark, @beige);
+        font-family: @font-body;
+        outline: 2px solid transparent;
+        border: 1px solid light-dark(@dark, @beige);
+
+        &:focus,
+        &:hover {
+            outline: 2px solid light-dark(@dark, @beige);
+            box-shadow: none;
+        }
+
+        & option {
+            color: @beige;
+            background-color: @dark-blue;
+            border-radius: 6px;
+        }
+    }
+
+    p {
+        margin: 0;
+    }
+
+    ul {
+        margin: 0;
+        padding: 0;
+        list-style: none;
+    }
+
+    li {
+        margin: 0;
+    }
+
+    fieldset {
+        align-items: center;
+        margin-top: 5px;
+        border-radius: 6px;
+        border-color: light-dark(@dark-blue, @golden);
+
+        &.one-column {
+            display: flex;
+            flex-direction: column;
+            align-items: start;
+            gap: 10px;
+            min-height: 64px;
+        }
+
+        &.two-columns {
+            display: grid;
+            grid-template-columns: 1fr 2fr;
+            gap: 10px;
+        }
+
+        legend {
+            font-family: @font-body;
+            font-weight: bold;
+            color: light-dark(@dark-blue, @golden);
+
+            a {
+                text-shadow: none;
+            }
+        }
+
+        input[type='text'],
+        input[type='number'] {
+            color: light-dark(@dark, @beige);
+            font-family: @font-body;
+            transition: all 0.3s ease;
+            outline: 2px solid transparent;
+
+            &:focus,
+            &:hover {
+                outline: 2px solid light-dark(@dark, @beige);
+            }
+        }
+
+        .nest-inputs {
+            display: flex;
+            align-items: center;
+            gap: 5px;
+        }
+    }
+
+    line-div {
+        display: block;
+        height: 1px;
+        width: 100%;
+        border-bottom: 1px solid light-dark(@dark-blue, @golden);
+        mask-image: linear-gradient(270deg, transparent 0%, black 50%, transparent 100%);
+    }
+
+    .item-description {
+        opacity: 1;
+        transform: translateY(0);
+
+        transition:
+            opacity 0.3s ease-out,
+            transform 0.3s ease-out;
+    }
+
+    .item-description.invisible {
+        height: 0;
+        opacity: 0;
+        overflow: hidden;
+        transform: translateY(-20px);
+        transform-origin: top;
+    }
+}
+
+.application.setting.dh-style {
+    fieldset {
+        h2,
+        h3,
+        h4 {
+            margin: 8px 0 4px;
+            text-align: center;
+        }
+        .title-hint {
+            font-size: 12px;
+            font-variant: small-caps;
+            text-align: center;
+        }
+
+        .field-section {
+            .split-section {
+                display: grid;
+                grid-template-columns: 1fr 1fr;
+                gap: 10px;
+            }
+        }
+
+        .label-container {
+            display: grid;
+            grid-template-columns: 1fr 1fr;
+            gap: 10px;
+
+            label {
+                align-self: center;
+                text-align: center;
+            }
+        }
+    }
+
+    footer {
+        margin-top: 8px;
+        display: flex;
+        gap: 8px;
+
+        button {
+            flex: 1;
+        }
+    }
+}
diff --git a/templates/chat/attack-roll.hbs b/templates/chat/attack-roll.hbs
index 3daf7485..ccc93087 100644
--- a/templates/chat/attack-roll.hbs
+++ b/templates/chat/attack-roll.hbs
@@ -1,9 +1,8 @@
-<div class="daggerheart chat roll" data-action="expandRoll">
-    {{#if this.colorful}}
+{{#if this.colorful}}
+    <div class="daggerheart chat roll" data-action="expandRoll">
         <div class="duality-data">
             <div class="duality-title">
                 <div>{{localize "DAGGERHEART.Chat.AttackRoll.Title" attack=this.title}}</div>
-                <div class="duality-result-value">{{this.total}}</div>
             </div>
             <div class="duality-modifiers">
                 {{#each this.modifiers}}
@@ -62,7 +61,7 @@
                 </div>
                 {{#if (not this.damage.value)}}
                     <div class="duality-result">
-                        <div>{{#if (eq dualityResult 1)}}With Hope{{else}}{{#if (eq dualityResult 2)}}With Fear{{else}}Critical Success{{/if}}{{/if}}</div>
+                        <div>{{this.total}} {{#if (eq dualityResult 1)}}With Hope{{else}}{{#if (eq dualityResult 2)}}With Fear{{else}}Critical Success{{/if}}{{/if}}</div>
                     </div>
                 {{/if}}
             </div>
@@ -83,90 +82,90 @@
             <div class="duality-actions">
                 <button class="duality-action" data-value="{{this.total}}" data-damage="{{this.damage.value}}" data-damage-type="{{this.damage.type}}" {{#if this.damage.disabled}}disabled{{/if}}><span>Roll Damage</span></button>  
                 <div class="duality-result">
-                    <div>{{#if (eq dualityResult 1)}}With Hope{{else}}{{#if (eq dualityResult 2)}}With Fear{{else}}Critical Success{{/if}}{{/if}}</div>
+                    <div>{{this.total}} {{#if (eq dualityResult 1)}}With Hope{{else}}{{#if (eq dualityResult 2)}}With Fear{{else}}Critical Success{{/if}}{{/if}}</div>
                 </div>
             </div>
         {{/if}}
-    {{else}}
-        <div class="dice-roll daggerheart chat roll" data-action="expandRoll">
-            <div class="dice-flavor">{{localize "DAGGERHEART.Chat.AttackRoll.Title" attack=this.title}}</div>
-            <div class="dice-result">
-                <div class="dice-formula">{{roll}}</div>
+    </div>
+{{else}}
+    <div class="dice-roll daggerheart chat roll" data-action="expandRoll">
+        <div class="dice-flavor">{{localize "DAGGERHEART.Chat.AttackRoll.Title" attack=this.title}}</div>
+        <div class="dice-result">
+            <div class="dice-formula">{{roll}}</div>
 
-                <div class="dice-tooltip">
-                    <div class="wrapper">
-                        <section class="tooltip-part">
+            <div class="dice-tooltip">
+                <div class="wrapper">
+                    <section class="tooltip-part">
+                        <div class="dice">
+                            <header class="part-header flexrow">
+                                <span class="part-formula">
+                                    <span>1{{hope.dice}}</span>
+                                    |
+                                    <span>1{{fear.dice}}</span>
+                                </span>
+                                <span class="part-total">{{this.diceTotal}}</span>
+                            </header>
+                            <div class="flexrow">
+                                <ol class="dice-rolls duality">
+                                    <li class="roll die {{hope.dice}} {{#if hope.discarded}}discarded{{/if}} hope min" title="{{localize "DAGGERHEART.General.Hope"}}">{{hope.value}}</li>
+                                    <li class="roll die {{fear.dice}} {{#if fear.discarded}}discarded{{/if}} fear min" title="{{localize "DAGGERHEART.General.Fear"}}">{{fear.value}}</li>
+                                </ol>
+                            </div>  
+                        </div>
+                        {{#if advantage.value}}
                             <div class="dice">
                                 <header class="part-header flexrow">
                                     <span class="part-formula">
-                                        <span>1{{hope.dice}}</span>
-                                        |
-                                        <span>1{{fear.dice}}</span>
+                                        <span>1{{advantage.dice}}</span>
                                     </span>
-                                    <span class="part-total">{{this.diceTotal}}</span>
+                                    <span class="part-total">{{advantage.value}}</span>
                                 </header>
                                 <div class="flexrow">
-                                    <ol class="dice-rolls duality">
-                                        <li class="roll die {{hope.dice}} {{#if hope.discarded}}discarded{{/if}} hope min" title="{{localize "DAGGERHEART.General.Hope"}}">{{hope.value}}</li>
-                                        <li class="roll die {{fear.dice}} {{#if fear.discarded}}discarded{{/if}} fear min" title="{{localize "DAGGERHEART.General.Fear"}}">{{fear.value}}</li>
+                                    <ol class="dice-rolls">
+                                        <li class="roll die {{advantage.dice}} hope min">{{advantage.value}}</li>
                                     </ol>
                                 </div>  
                             </div>
-                            {{#if advantage.value}}
-                                <div class="dice">
-                                    <header class="part-header flexrow">
-                                        <span class="part-formula">
-                                            <span>1{{advantage.dice}}</span>
-                                        </span>
-                                        <span class="part-total">{{advantage.value}}</span>
-                                    </header>
-                                    <div class="flexrow">
-                                        <ol class="dice-rolls">
-                                            <li class="roll die {{advantage.dice}} hope min">{{advantage.value}}</li>
-                                        </ol>
-                                    </div>  
-                                </div>
-                            {{/if}}
-                            {{#if disadvantage.value}}
-                                <div class="dice">
-                                    <header class="part-header flexrow">
-                                        <span class="part-formula">
-                                            <span>1{{disadvantage.dice}}</span>
-                                        </span>
-                                        <span class="part-total">{{disadvantage.value}}</span>
-                                    </header>
-                                    <div class="flexrow">
-                                        <ol class="dice-rolls">
-                                            <li class="roll die {{disadvantage.dice}} hope min">{{disadvantage.value}}</li>
-                                        </ol>
-                                    </div>  
-                                </div>
-                            {{/if}}
-                        </section>
-                    </div>
-                </div>
-                <div class="dice-total duality {{#if fear.discarded}}hope{{else}}{{#if hope.discarded}}fear{{else}}critical{{/if}}{{/if}}">
-                    <div class="dice-total-label">{{totalLabel}}</div>
-                    <div class="dice-total-value">
-                        {{this.total}}
-                    </div>
-                </div>
-                {{#if (gt targets.length 0)}}
-                    <div class="target-section">
-                        {{#each targets as |target|}}
-                            <div class="dice-total target-container {{#if target.hit}}hit{{else}}{{#if (not ../total.alternate)}}miss{{/if}}{{/if}}" data-token="{{target.id}}">
-                                    <img src="{{target.img}}" />
-                                    <div class="target-inner-container">
-                                        {{#if target.hit}}{{localize "Hit"}}{{else}}{{#if (not ../total.alternate)}}{{localize "Miss"}}{{else}}?{{/if}}{{/if}}
-                                    </div>
+                        {{/if}}
+                        {{#if disadvantage.value}}
+                            <div class="dice">
+                                <header class="part-header flexrow">
+                                    <span class="part-formula">
+                                        <span>1{{disadvantage.dice}}</span>
+                                    </span>
+                                    <span class="part-total">{{disadvantage.value}}</span>
+                                </header>
+                                <div class="flexrow">
+                                    <ol class="dice-rolls">
+                                        <li class="roll die {{disadvantage.dice}} hope min">{{disadvantage.value}}</li>
+                                    </ol>
+                                </div>  
                             </div>
-                        {{/each}}
-                    </div>
-                {{/if}}
-                <div class="flexrow">
-                    <button class="roll-damage-button" data-value="{{this.total}}" data-damage="{{this.damage.value}}" data-damage-type="{{this.damage.type}}" {{#if this.damage.disabled}}disabled{{/if}}><span>Roll Damage</span></button>  
+                        {{/if}}
+                    </section>
                 </div>
             </div>
+            <div class="dice-total duality {{#if fear.discarded}}hope{{else}}{{#if hope.discarded}}fear{{else}}critical{{/if}}{{/if}}">
+                <div class="dice-total-label">{{totalLabel}}</div>
+                <div class="dice-total-value">
+                    {{this.total}}
+                </div>
+            </div>
+            {{#if (gt targets.length 0)}}
+                <div class="target-section">
+                    {{#each targets as |target|}}
+                        <div class="dice-total target-container {{#if target.hit}}hit{{else}}{{#if (not ../total.alternate)}}miss{{/if}}{{/if}}" data-token="{{target.id}}">
+                                <img src="{{target.img}}" />
+                                <div class="target-inner-container">
+                                    {{#if target.hit}}{{localize "Hit"}}{{else}}{{#if (not ../total.alternate)}}{{localize "Miss"}}{{else}}?{{/if}}{{/if}}
+                                </div>
+                        </div>
+                    {{/each}}
+                </div>
+            {{/if}}
+            <div class="dice-actions">
+                <button class="duality-action" data-value="{{this.total}}" data-damage="{{this.damage.value}}" data-damage-type="{{this.damage.type}}" {{#if this.damage.disabled}}disabled{{/if}}><span>Roll Damage</span></button>  
+            </div>
         </div>
-    {{/if}}
-</div>
\ No newline at end of file
+    </div>
+{{/if}}
\ No newline at end of file
diff --git a/templates/chat/duality-roll.hbs b/templates/chat/duality-roll.hbs
index 1e906196..047e88e7 100644
--- a/templates/chat/duality-roll.hbs
+++ b/templates/chat/duality-roll.hbs
@@ -1,9 +1,8 @@
-<div class="daggerheart chat roll" data-action="expandRoll">
-    {{#if this.colorful}}
+{{#if this.colorful}}
+    <div class="daggerheart chat roll" data-action="expandRoll">
         <div class="duality-data">
             <div class="duality-title">
                 <div>{{this.title}}</div>
-                <div class="duality-result-value">{{this.total}}</div>
             </div>
             <div class="duality-modifiers">
                 {{#each this.modifiers}}
@@ -62,7 +61,7 @@
                 </div>
                 {{#if (not this.damage.value)}}
                     <div class="duality-result">
-                        <div>{{#if (eq dualityResult 1)}}With Hope{{else}}{{#if (eq dualityResult 2)}}With Fear{{else}}Critical Success{{/if}}{{/if}}</div>
+                        <div>{{this.total}} {{#if (eq dualityResult 1)}}With Hope{{else}}{{#if (eq dualityResult 2)}}With Fear{{else}}Critical Success{{/if}}{{/if}}</div>
                     </div>
                 {{/if}}
             </div>
@@ -75,7 +74,9 @@
                 </div>
             </div>
         {{/if}}
-    {{else}}
+    </div>
+{{else}}
+    <div class="dice-roll daggerheart chat roll" data-action="expandRoll">
         <div class="dice-flavor">{{this.title}}</div>
         <div class="dice-result">
             <div class="dice-formula">{{roll}}</div>
@@ -138,5 +139,5 @@
                 </div>
             </div>
         </div>
-    {{/if}}
-</div>
\ No newline at end of file
+    </div>
+{{/if}}
diff --git a/templates/settings/appearance-settings.hbs b/templates/settings/appearance-settings.hbs
new file mode 100644
index 00000000..e0a16235
--- /dev/null
+++ b/templates/settings/appearance-settings.hbs
@@ -0,0 +1,119 @@
+<div>
+    <fieldset>
+        <legend>{{localize "DAGGERHEART.Settings.Menu.Appearance.duality"}}</legend>
+
+        {{formInput settingFields.schema.fields.dualityColorScheme value=settingFields._source.dualityColorScheme localize=true}}
+
+        <h2>{{localize "DAGGERHEART.Settings.Menu.Appearance.DiceSoNice.title"}}</h2>
+        <div class="title-hint">{{localize "DAGGERHEART.Settings.Menu.Appearance.DiceSoNice.hint"}}</div>
+
+        <fieldset>
+            <legend>{{localize "DAGGERHEART.General.Hope"}}</legend>
+
+            <div class="field-section">
+                <div class="split-section">
+                    <div class="label-container">
+                        <label>{{localize "DAGGERHEART.Settings.Menu.Appearance.DiceSoNice.foreground"}}</label>
+                        {{formInput settingFields.schema.fields.diceSoNice.fields.hope.fields.foreground value=settingFields._source.diceSoNice.hope.foreground localize=true}}
+                    </div>
+                    <div class="label-container">
+                        <label>{{localize "DAGGERHEART.Settings.Menu.Appearance.DiceSoNice.background"}}</label>
+                        {{formInput settingFields.schema.fields.diceSoNice.fields.hope.fields.background value=settingFields._source.diceSoNice.hope.background localize=true}}
+                    </div>
+                    <div class="label-container">
+                        <label>{{localize "DAGGERHEART.Settings.Menu.Appearance.DiceSoNice.outline"}}</label>
+                        {{formInput settingFields.schema.fields.diceSoNice.fields.hope.fields.outline value=settingFields._source.diceSoNice.hope.outline localize=true}}
+                    </div>
+                    <div class="label-container">
+                        <label>{{localize "DAGGERHEART.Settings.Menu.Appearance.DiceSoNice.edge"}}</label>
+                        {{formInput settingFields.schema.fields.diceSoNice.fields.hope.fields.edge value=settingFields._source.diceSoNice.hope.edge localize=true}}
+                    </div>
+                </div>
+            </div>
+        </fieldset>
+        <fieldset>
+            <legend>{{localize "DAGGERHEART.General.Fear"}}</legend>
+
+            <div class="field-section">
+                <div class="split-section">
+                    <div class="label-container">
+                        <label>{{localize "DAGGERHEART.Settings.Menu.Appearance.DiceSoNice.foreground"}}</label>
+                        {{formInput settingFields.schema.fields.diceSoNice.fields.fear.fields.foreground value=settingFields._source.diceSoNice.fear.foreground localize=true}}
+                    </div>
+                    <div class="label-container">
+                        <label>{{localize "DAGGERHEART.Settings.Menu.Appearance.DiceSoNice.background"}}</label>
+                        {{formInput settingFields.schema.fields.diceSoNice.fields.fear.fields.background value=settingFields._source.diceSoNice.fear.background localize=true}}
+                    </div>
+                    <div class="label-container">
+                        <label>{{localize "DAGGERHEART.Settings.Menu.Appearance.DiceSoNice.outline"}}</label>
+                        {{formInput settingFields.schema.fields.diceSoNice.fields.fear.fields.outline value=settingFields._source.diceSoNice.fear.outline localize=true}}
+                    </div>
+                    <div class="label-container">
+                        <label>{{localize "DAGGERHEART.Settings.Menu.Appearance.DiceSoNice.edge"}}</label>
+                        {{formInput settingFields.schema.fields.diceSoNice.fields.fear.fields.edge value=settingFields._source.diceSoNice.fear.edge localize=true}}
+                    </div>
+                </div>
+            </div>
+        </fieldset>
+        <fieldset>
+            <legend>{{localize "DAGGERHEART.General.Advantage.Full"}}</legend>
+
+            <div class="field-section">
+                <div class="split-section">
+                    <div class="label-container">
+                        <label>{{localize "DAGGERHEART.Settings.Menu.Appearance.DiceSoNice.foreground"}}</label>
+                        {{formInput settingFields.schema.fields.diceSoNice.fields.advantage.fields.foreground value=settingFields._source.diceSoNice.advantage.foreground localize=true}}
+                    </div>
+                    <div class="label-container">
+                        <label>{{localize "DAGGERHEART.Settings.Menu.Appearance.DiceSoNice.background"}}</label>
+                        {{formInput settingFields.schema.fields.diceSoNice.fields.advantage.fields.background value=settingFields._source.diceSoNice.advantage.background localize=true}}
+                    </div>
+                    <div class="label-container">
+                        <label>{{localize "DAGGERHEART.Settings.Menu.Appearance.DiceSoNice.outline"}}</label>
+                        {{formInput settingFields.schema.fields.diceSoNice.fields.advantage.fields.outline value=settingFields._source.diceSoNice.advantage.outline localize=true}}
+                    </div>
+                    <div class="label-container">
+                        <label>{{localize "DAGGERHEART.Settings.Menu.Appearance.DiceSoNice.edge"}}</label>
+                        {{formInput settingFields.schema.fields.diceSoNice.fields.advantage.fields.edge value=settingFields._source.diceSoNice.advantage.edge localize=true}}
+                    </div>
+                </div>
+            </div>
+        </fieldset>
+        <fieldset>
+            <legend>{{localize "DAGGERHEART.General.Disadvantage.Full"}}</legend>
+
+            <div class="field-section">
+                <div class="split-section">
+                    <div class="label-container">
+                        <label>{{localize "DAGGERHEART.Settings.Menu.Appearance.DiceSoNice.foreground"}}</label>
+                        {{formInput settingFields.schema.fields.diceSoNice.fields.disadvantage.fields.foreground value=settingFields._source.diceSoNice.disadvantage.foreground localize=true}}
+                    </div>
+                    <div class="label-container">
+                        <label>{{localize "DAGGERHEART.Settings.Menu.Appearance.DiceSoNice.background"}}</label>
+                        {{formInput settingFields.schema.fields.diceSoNice.fields.disadvantage.fields.background value=settingFields._source.diceSoNice.disadvantage.background localize=true}}
+                    </div>
+                    <div class="label-container">
+                        <label>{{localize "DAGGERHEART.Settings.Menu.Appearance.DiceSoNice.outline"}}</label>
+                        {{formInput settingFields.schema.fields.diceSoNice.fields.disadvantage.fields.outline value=settingFields._source.diceSoNice.disadvantage.outline localize=true}}
+                    </div>
+                    <div class="label-container">
+                        <label>{{localize "DAGGERHEART.Settings.Menu.Appearance.DiceSoNice.edge"}}</label>
+                        {{formInput settingFields.schema.fields.diceSoNice.fields.disadvantage.fields.edge value=settingFields._source.diceSoNice.disadvantage.edge localize=true}}
+                    </div>
+                </div>
+            </div>
+        </fieldset>
+    </fieldset>
+
+    <footer class="form-footer">
+        <button data-action="reset">
+            <i class="fa-solid fa-arrow-rotate-left"></i>
+            <span>{{localize "Reset"}}</span>
+        </button>
+        <button data-action="save" >
+            <i class="fa-solid fa-floppy-disk"></i>
+            <span>{{localize "Save Changes"}}</span>
+        </button>
+    </footer>
+</div>
+  
\ No newline at end of file