Update button styles and improve Stripe payment text labels

Changed button style to use warning colors and updated ThemeConfig with warning palette. Improved clarity of Stripe payment button text and added conditional label updates for better user guidance. These changes enhance UI consistency and usability.

src/ThemeConfig.vue

@@ -79,6 +79,16 @@ export const ButtonColors = {
     /** The active color of the button */
     activeColor: "#00a226",
   },
+  warning: {
+    /** The background color of the button */
+    backgroundColor: "#f0ad4e",
+    /** The text color of the button */
+    textColor: GlobalColors.lightTextColor,
+    /** The hover color of the button */
+    hoverColor: "#ec971f",
+    /** The active color of the button */
+    activeColor: "#ec971f",
+  },
   default: {
     /** The background color of the button */
     backgroundColor: GlobalColors.secondaryBackgroundColor,

src/components/forms/department/pos/SelectCustomerFormPOS.vue

@@ -92,7 +92,7 @@ const keyDownNextTabIndexButton = (event, tabIndex) => {
       </div>
       <!-- Stripe payment button -->
         <button class="button is-text mt-1" @click="selectCustomer({name: 'Stripe Payment', customerNumber: 999})" :tabindex="isCustomerSelected() ? 1 : -1" :class="{'is-hidden': isCustomerSelected()}" style="text-decoration-line: none;">
-          Brug kortbetaling med Stripe i stedet
+          Vælg direkte betaling med betalingskort
         </button>
     </div>
     <div class="field has-addons-right has-addons mt-1" :class="{'is-hidden': !isCustomerSelected()}">
@@ -107,7 +107,14 @@ const keyDownNextTabIndexButton = (event, tabIndex) => {
     </div>
     <PosNotes :notes="notes" :is-loading="false" :isAddFormVisible="false" :isOldNotesVisible="true" class="mb-3"/>
     <div class="field">
-      <label class="label">Reference nr.</label>
+      <label class="label">
+        <template v-if="customer_id !== 999">
+          Reference nr.
+        </template>
+        <template v-else>
+          Reference nr. (Stripe)
+        </template>
+      </label>
       <div class="control">
         <input
             class="input has-sharp-edges"

src/components/forms/department/pos/buttons/NextStep.vue

@@ -12,7 +12,7 @@ import { Colors } from "@/ThemeConfig.vue";
   <button
       class="button"
       @click="nextStep" v-if="nextStepDelay === 0"
-      :style="{ 'background-color': Colors.buttons.success.backgroundColor, 'color': Colors.buttons.success.textColor }"
+      :style="{ 'background-color': Colors.buttons.warning.backgroundColor, 'color': Colors.buttons.warning.textColor }"
   >
     {{ label }}</button>
   <button class="button is-loading" v-else>Please wait... {{ nextStepDelay }}</button>