From faa5853aa496a00c3d5460589e3bdb9f3712bb93 Mon Sep 17 00:00:00 2001
From: macniel <yuna.baehr@proton.me>
Date: Mon, 20 Oct 2025 20:57:14 +0200
Subject: [PATCH] adjusts styling of actions

---
 .../_source/ruestzeug/garether-platte.json    |  1 -
 src/style/atoms/_colours.scss                 |  8 +++---
 src/style/molecules/_player-action.scss       | 25 ++++++++++++++++---
 3 files changed, 26 insertions(+), 8 deletions(-)

diff --git a/src/packs/_source/ruestzeug/garether-platte.json b/src/packs/_source/ruestzeug/garether-platte.json
index 7a41ef07..084cac96 100644
--- a/src/packs/_source/ruestzeug/garether-platte.json
+++ b/src/packs/_source/ruestzeug/garether-platte.json
@@ -1,5 +1,4 @@
 {
-  itemZone
   "name": "Garether Platte",
   "image": "systems/DSA_4-1/assets/armory/platemail.png",
   "category": [
diff --git a/src/style/atoms/_colours.scss b/src/style/atoms/_colours.scss
index 25c572ee..26d0d225 100644
--- a/src/style/atoms/_colours.scss
+++ b/src/style/atoms/_colours.scss
@@ -70,9 +70,9 @@ $rollable-die-border-color: #000;
 
 $dice-box-border-color: #333;
 
-$default-action: #c41;
-$default-action-color: #FFF;
+$default-action: rgba(204, 68, 17, 0.8);
+$default-action-color: #000;
 
-$special-action: #42c;
+$special-action: rgba(68, 34, 204, 0.8);
 
-$special-action-color: #FFF;
+$special-action-color: #000;
diff --git a/src/style/molecules/_player-action.scss b/src/style/molecules/_player-action.scss
index dddba46e..f2cd4931 100644
--- a/src/style/molecules/_player-action.scss
+++ b/src/style/molecules/_player-action.scss
@@ -10,16 +10,35 @@
     height: 80px;
     float: left;
     margin: 0 8px 8px 0;
+    position: relative;
 
     border: 1px solid #333;
-    background-color: color.scale(colours.$default-action, $alpha: 20%);
     color: colours.$default-action-color;
+    background: url('../../../ui/parchment.jpg');
+    background-size: 128px 100%;
     border-radius: 4px;
     box-shadow: numbers.$pill-box-inset numbers.$pill-box-inset numbers.$pill-box-blur-radius colours.$pill-box-shadow;
 
+    span {
+      position: relative;
+      z-index: 2;
+    }
 
-    &.special-ability {
-      background-color: color.scale(colours.$special-action, $alpha: 20%);
+    &::after { /* for tinting the texture */
+      content: "";
+      position: absolute;
+      background-color: colours.$default-action;
+      background-blend-mode: multiply;
+
+      top: 0;
+      left: 0;
+      right: 0;
+      bottom: 0;
+      z-index: 1;
+    }
+
+    &.special-ability::after {
+      background-color: colours.$special-action;
       color: colours.$special-action-color;
 
     }