@ozdao/prometheus-framework 0.2.111 → 0.2.113

package/src/modules/auth/components/pages/EnterCode.vue

@@ -17,7 +17,7 @@
       			@input="onInput(0)" 
       			@paste="($event) => onPaste($event, 0)" 
       			@keydown="($event) => onKeyDown($event, 0)" 
-      			class="w-100 h1 pd-small t-center bg-grey radius-small mn-r-small"
+      			class="w-100 h1 pd-small t-center bg-light radius-small mn-r-small"
       		>
 			<input 
 				type="number" 
@@ -26,7 +26,7 @@
 				@input="onInput(1)" 
 				@paste="($event) => onPaste($event, 1)" 
 				@keydown="($event) => onKeyDown($event, 1)" 
-				class="w-100 h1 pd-small t-center bg-grey radius-small mn-r-small"
+				class="w-100 h1 pd-small t-center bg-light radius-small mn-r-small"
 			>
 			<input 
 				type="number" 
@@ -35,7 +35,7 @@
 				@input="onInput(2)" 
 				@paste="($event) => onPaste($event, 2)" 
 				@keydown="($event) => onKeyDown($event, 2)" 
-				class="w-100 h1 pd-small t-center bg-grey radius-small mn-r-small"
+				class="w-100 h1 pd-small t-center bg-light radius-small mn-r-small"
 			>
 			<input 
 				type="number" 
@@ -44,7 +44,7 @@
 				@input="onInput(3)" 
 				@paste="($event) => onPaste($event, 3)" 
 				@keydown="($event) => onKeyDown($event, 3)" 
-				class="w-100 h1 pd-small t-center bg-grey radius-small"
+				class="w-100 h1 pd-small t-center bg-light radius-small"
 			>
     	</div>
 

package/src/modules/auth/components/pages/EnterPassword.vue

@@ -13,13 +13,13 @@
 				type="password" 	
 				:validation="passswordValidation" 
 				:placeholder="t('passwordPlaceholder')"		
-				class="bg-grey pd-small radius-small mn-b-thin"
+				class="bg-light pd-small radius-small mn-b-thin"
 			/>
 			<Field 
 				v-model:field="auth.state.user.passwordRepeat"
 				type="password" 	
 				:placeholder="t('repeatPasswordPlaceholder')"
-				class="bg-grey pd-small radius-small mn-b-thin"
+				class="bg-light pd-small radius-small mn-b-thin"
 			/>
 		</div>
 		<div

package/src/modules/auth/components/pages/Invite.vue

@@ -12,14 +12,14 @@
 				:validation="passswordValidation" 
 				label="Password"		
 				placeholder="******" 
-				class="mn-b-thin bg-grey pd-medium radius-small" 
+				class="mn-b-thin bg-light pd-medium radius-small" 
 			/>
 			<Field 
 				v-model:field="auth.state.user.passwordRepeat"
 				type="password" 	
 				label="Repeat Password"		
 				placeholder="******" 
-				class="bg-grey pd-medium radius-small" 
+				class="bg-light pd-medium radius-small" 
 				
 			/>
 		</div>

package/src/modules/auth/components/pages/ResetPassword.vue

@@ -6,7 +6,7 @@
 		<p class="mn-b-small t-transp">{{ t('instructions') }}</p>
 		
 		<!-- Select -->
-		<div class="mn-b-small p-small uppercase t-semi bg-grey radius-big o-hidden">
+		<div class="mn-b-small p-small uppercase t-semi bg-light radius-big o-hidden">
 			<Tab 
 				v-model:selected="tabAuth"
 				:tabs="[
@@ -32,7 +32,7 @@
 						:validation="phoneValidation" 
 						mode="national"
 						:inputOptions="{placeholder: t('phonePlaceholder')}"
-						class="bg-grey pd-small radius-small mn-b-thin" 
+						class="bg-light pd-small radius-small mn-b-thin" 
 					/>
 				</div>
 			</transition>
@@ -44,7 +44,7 @@
 						v-model:field="auth.state.user.email" 		
 						:placeholder="t('emailPlaceholder')" 	
 						:validation="emailValidation" 
-						class="bg-grey pd-medium radius-small" 
+						class="bg-light pd-medium radius-small" 
 					/>
 				</div>
 			</transition>

package/src/modules/auth/components/pages/SignIn.vue

@@ -14,7 +14,7 @@
 		</p>
 		
 			<!-- Select -->
-		<div class="mn-b-small p-small uppercase t-semi bg-grey radius-big o-hidden">
+		<div class="mn-b-small p-small uppercase t-semi bg-light radius-big o-hidden">
 			<Tab 
 				v-model:selected="tabAuth"
 				:tabs="[
@@ -40,7 +40,7 @@
 						:validation="phoneValidation" 
 						mode="national"
 						:inputOptions="{placeholder: t('phonePlaceholder'), type: 'tel'}"
-						class="bg-grey pd-small radius-small mn-b-thin" 
+						class="bg-light pd-small radius-small mn-b-thin" 
 					/>
 					
 				</div>
@@ -51,7 +51,7 @@
 						v-model:field="auth.state.user.email" 	
 						:placeholder="t('emailPlaceholder')" 	
 						:validation="emailValidation"
-						class="bg-grey pd-medium radius-small" 
+						class="bg-light pd-medium radius-small" 
 					/>
 				</div>
 			</transition>
@@ -64,7 +64,7 @@
 			:validation="passswordValidation" 
 			:placeholder="t('passwordPlaceholder')" 
 			class="
-        bg-grey
+        bg-light
         pd-medium
         radius-small
         mn-b-semi

package/src/modules/auth/components/pages/SignUp.vue

@@ -5,7 +5,7 @@
 		<h3 class="mn-b-small">{{t('title')}}</h3>
 		
 		<!-- Select -->
-		<div class="mn-b-small p-small uppercase t-semi bg-grey radius-big o-hidden">
+		<div class="mn-b-small p-small uppercase t-semi bg-light radius-big o-hidden">
 			<Tab 
 				v-model:selected="tabAuth"
 				:tabs="[
@@ -31,7 +31,7 @@
 						:validation="phoneValidation" 
 						mode="national"
 						:inputOptions="{placeholder: t('phonePlaceholder')}"
-						class="bg-grey pd-small radius-small mn-b-thin" 
+						class="bg-light pd-small radius-small mn-b-thin" 
 					/>
 					
 				</div>
@@ -43,7 +43,7 @@
 						v-model:field="auth.state.user.email" 	
 						:placeholder="t('emailPlaceholder')" 	
 						:validation="emailValidation"
-						class="bg-grey pd-medium radius-small" 
+						class="bg-light pd-medium radius-small" 
 					/>
 				</div>
 			</transition>

package/src/modules/backoffice/components/admin/Backcalls.vue

@@ -8,7 +8,7 @@
 
  
 
-  <section class="cols-1 bg-grey pd-big">
+  <section class="cols-1 bg-light pd-big">
     <!-- Empty State -->
     <p v-if="backcalls.length === 0">У вас еще нет запросов обратного звонка</p>
     <!-- Objects -->

package/src/modules/backoffice/components/admin/FastOrders.vue

@@ -8,7 +8,7 @@
 
  
 
-  <section class="cols-1 bg-grey pd-big">
+  <section class="cols-1 bg-light pd-big">
     <!-- Empty State -->
     <p v-if="fastorders.length === 0">У вас еще нет запросов на быстрый заказ</p>
     <!-- Objects -->

package/src/modules/backoffice/components/admin/Pages.vue

@@ -9,7 +9,7 @@
 
  
 
-  <section class="cols-1 bg-grey pd-big">
+  <section class="cols-1 bg-light pd-big">
     <!-- Empty State -->
     <p v-if="pages.length === 0">У вас еще нет страниц</p>
     <!-- Objects -->

package/src/modules/backoffice/components/admin/ProductEdit.vue

@@ -29,7 +29,7 @@
 	<!-- ---------------------------------------------------------------- -->
 	<!-- 03. Page Content  -->
 	<!-- ---------------------------------------------------------------- -->
-	<section class=" bg-grey br-bot-dark section-subsection section">
+	<section class=" bg-light br-bot-dark section-subsection section">
 
 		<form onsubmit="return false">
 			<!-- ---------------------------------------------------------------- -->

package/src/modules/backoffice/components/admin/UserEdit.vue

@@ -9,7 +9,7 @@
 
   </section>
 
-  <section class=" bg-grey br-bot-dark section-subsection section">
+  <section class=" bg-light br-bot-dark section-subsection section">
 
     <h5 class="w-100 mn-b-small">Данные для входа  <TestButton></TestButton>
 

package/src/modules/backoffice/components/admin/Users.vue

@@ -31,7 +31,7 @@
 
 
 
-  <section class="cols-3 bg-grey br-bot-dark section-subsection section">
+  <section class="cols-3 bg-light br-bot-dark section-subsection section">
     <TestButton></TestButton>
     <div v-for="user in users" class="order-card col"> 
       <p class=" mn-b-small order-status w-100">

package/src/modules/backoffice/components/pages/Dashboard.vue

@@ -1,9 +1,9 @@
 <template>
 	<div class="">
-		<h1 class="pd-medium radius-medium bg-grey mn-b-small">Welcome to Backoffice</h1>
+		<h1 class="pd-medium radius-medium bg-light mn-b-small">Welcome to Backoffice</h1>
 		
 		<Menu 
-			class="bg-grey mn-b-semi"
+			class="bg-light mn-b-semi"
 		>
 			<MenuItem 
 		  	@click="router.push({
@@ -118,7 +118,7 @@
 		</Menu>
 
 		<!-- <Menu 
-			class="bg-grey"
+			class="bg-light"
 		>
 			<MenuItem 
 		  	@click="router.push({

package/src/modules/community/components/blocks/CardBlogpost.vue

@@ -1,6 +1,6 @@
 <template>
 	<article 
-		class="pos-relative bg-grey radius-big flex-column flex"
+		class="pos-relative bg-light radius-big flex-column flex"
 	>
 
 		<router-link 

package/src/modules/community/components/layouts/Community.vue

@@ -1,7 +1,7 @@
 <template>
 	<div style="grid-template-columns: 2fr 4fr 2fr;" class="cols-3 gap-thin pd-thin">
 
-		<ul class="align-self-start pos-sticky pos-t-0 w-100 bg-grey radius-big pd-medium p-medium gap-thin flex-column flex-nowrap flex">
+		<ul class="align-self-start pos-sticky pos-t-0 w-100 bg-light radius-big pd-medium p-medium gap-thin flex-column flex-nowrap flex">
 			<li  	
 				:class="{'t-black bg-white': route.params.category === 'featured' }" 					
 				@click="router.push({name: 'Blog', params: { category: 'featured' } })" 
@@ -81,7 +81,7 @@
 
 		</section>
 
-		<div class="align-self-start  bg-grey radius-big pd-medium">
+		<div class="align-self-start  bg-light radius-big pd-medium">
 			<div class="gap-thin flex-nowrap flex">
 				<p class="t-medium mn-b-small">Popular Communities</p>
 				

package/src/modules/community/components/pages/BlogPost.vue

@@ -1,6 +1,6 @@
 <template>
   <section class="pd-thin">
-    <TransitionGroup tag="ul" name="fade" class="o-hidden bg-grey radius-big">
+    <TransitionGroup tag="ul" name="fade" class="o-hidden bg-light radius-big">
       <SkeletonBlogpost
         v-if="isLoading"
         v-for="i in 3" :key="i"
@@ -14,7 +14,7 @@
         v-if="!isLoading && !blogpost"
         title="No Blogpost Found"
         description="Currently, there are no blogposts available. Please check back later."
-        class="pd-medium mn-b-thin bg-grey radius-big"
+        class="pd-medium mn-b-thin bg-light radius-big"
       />
     </transition>
 

package/src/modules/community/components/pages/CreateBlogPost.vue

@@ -4,7 +4,7 @@
 >
     <section  
       style="min-height: 100%;"
-      class="w-100 bg-grey pd-big radius-big"
+      class="w-100 bg-light pd-big radius-big"
     >
       <!-- Title -->
       <div 
@@ -55,7 +55,7 @@
       <Field 
         v-model:field="post.source"    
         placeholder="Add full link to the source" 
-        class="mn-b-medium bg-grey radius-medium pd-small" 
+        class="mn-b-medium bg-light radius-medium pd-small" 
       />
 
       <h5 class="mn-b-thin">Add to public:</h5>
@@ -67,10 +67,10 @@
         placeholder="Type to search or add tag"
         label="name"
         track-by="_id"
-        class="mn-b-medium bg-grey radius-medium pd-small"
+        class="mn-b-medium bg-light radius-medium pd-small"
       />
       <h5 v-if="selectedOrganization" class="mn-b-thin">Options:</h5>
-      <div v-if="selectedOrganization" class="mn-b-medium br-grey br-2px br-solid pd-small radius-big">
+      <div v-if="selectedOrganization" class="mn-b-medium br-grey-transp-25 br-2px br-solid pd-small radius-big">
         <Checkbox 
           :label="'Hide Author'"
           :radio="post.creator.hidden"

package/src/modules/community/components/sections/Comments.vue

@@ -8,14 +8,14 @@
       </div>
 
       <div class="mn-b-small" v-if="owner">
-        <form @submit.prevent="submitComment" class="bg-grey radius-big pd-medium">
+        <form @submit.prevent="submitComment" class="bg-light radius-big pd-medium">
           <textarea v-model="commentContent" placeholder="Enter your comment" class="pd-small p-big w-100 radius-small mn-r-small"></textarea>
           <button type="submit" class="mn-l-auto bg-main button">Send</button>
         </form>
       </div>
     </div>
 
-    <div v-for="comment in comments" :key="comment._id" class="comment mn-b-small radius-big pd-medium bg-grey">
+    <div v-for="comment in comments" :key="comment._id" class="comment mn-b-small radius-big pd-medium bg-light">
 
       <CardHeader 
         class="mn-b-medium"

package/src/modules/community/components/sections/Feed.vue

@@ -11,7 +11,7 @@
       v-if="!isLoading && posts.length < 1"
       title="No Blog Posts Found"
       description="Currently, there are no posts available in this blog. Please check back later."
-      class="pd-medium mn-b-thin bg-grey radius-big"
+      class="pd-medium mn-b-thin bg-light radius-big"
     />
     <div :class="$attrs.class" v-else>
 

package/src/modules/community/components/sections/HotPosts.vue

@@ -1,6 +1,6 @@
 <template>
 	<section class="pd-thin">
-    <div class="bg-grey radius-big pd-t-big pd-b-big">
+    <div class="bg-light radius-big pd-t-big pd-b-big">
 
   		<h2 class="w-100  pd-b-small  t-center flex-center flex">
   			Discover Our 

package/src/modules/constructor/components/elements/Image.vue

@@ -1,7 +1,7 @@
 <template>
   <div 
     v-if="prop.content" 
-    class="o-hidden radius-big pos-relative bg-grey mn-b-small w-100 flex-center flex"
+    class="o-hidden radius-big pos-relative bg-light mn-b-small w-100 flex-center flex"
   >
     <img 
       :src="(FILE_SERVER_URL || '') + prop.content" 

package/src/modules/constructor/components/elements/Video.vue

@@ -1,10 +1,10 @@
 <template>
   <div 
-    class="mn-b-thin w-100 pd-medium bg-white radius-medium"
+    class="mn-b-thin w-100 pd-medium bg-black t-white radius-medium"
   >
       
     <div v-if="prop.content" class="flex-center flex">
-      <video controls class="w-100">
+      <video controls class="w-100 h-max-30r">
         <source :src="prop.content" type="video/mp4">
         Your browser does not support the video tag.
       </video>

package/src/modules/events/components/blocks/CardEvent.vue

@@ -24,7 +24,7 @@
 
  		<div 
  			v-if="event.cover && type !== 'short'" 
- 			class="o-hidden pos-relative bg-grey mn-b-small w-100"
+ 			class="o-hidden pos-relative bg-light mn-b-small w-100"
  		>
 	    <img 
 	    	:src="(FILE_SERVER_URL || '') + event.cover" 

package/src/modules/events/components/pages/EditEvent.vue

@@ -1,6 +1,6 @@
 <template>
   <article v-if="event" class="h-100 pd-thin">
-  	<div class="mn-b-thin radius-small w-100 h-10r bg-grey flex-center flex-column flex">
+  	<div class="mn-b-thin radius-small w-100 h-10r bg-light flex-center flex-column flex">
      	<UploadImage 
         v-model:photo="event.cover"
         :uploadPath="'specials'"
@@ -12,13 +12,13 @@
   	<Field 
       v-model:field="event.name" 
       placeholder="Event name" 
-      class="mn-b-thin w-100 bg-grey pd-medium radius-small" 
+      class="mn-b-thin w-100 bg-light pd-medium radius-small" 
     />
     <Field 
       v-model:field="event.description" 
       type="textfield"  
       placeholder="Enter short description" 
-      class="mn-b-semi w-100 bg-grey pd-medium radius-small" 
+      class="mn-b-semi w-100 bg-light pd-medium radius-small" 
     />
 
     <h3
@@ -30,7 +30,7 @@
 
      <div 
       v-if="(auth.state.access.roles) && (auth.state.access.roles.includes('ROLE_MODERATOR') || auth.state.access.roles.includes('ROLE_ADMIN'))"
-      class="mn-b-semi w-100 bg-grey pd-medium radius-small"
+      class="mn-b-semi w-100 bg-light pd-medium radius-small"
       @click="router.push({
         name: 'Edit Event Tickets',
         params: {
@@ -70,7 +70,7 @@
       <Field 
         v-model:field="event.specialData.subtitle" 
         placeholder="Event subtitle" 
-        class="mn-b-thin w-100 bg-grey pd-medium radius-small" 
+        class="mn-b-thin w-100 bg-light pd-medium radius-small" 
       />
 
       <EditImages 
@@ -85,7 +85,7 @@
           showText: false
         }"
         @update:images="(newImages) => event.specialData.logos = newImages"  
-        class="mn-b-thin bg-grey radius-small"
+        class="mn-b-thin bg-light radius-small"
       />
        <h5
         class="mn-b-thin"
@@ -100,7 +100,7 @@
         uploadPath="specials"
         type="file"   
         class="
-          mn-b-thin w-100 bg-grey pd-medium radius-small t-black
+          mn-b-thin w-100 bg-light pd-medium radius-small t-black
         "
       />
 
@@ -124,19 +124,19 @@
             v-model:field="event.specialData.ticketPrice" 
             type="number"
             placeholder="Ticket price in baht" 
-            class="mn-b-thin w-100 bg-grey pd-medium radius-small" 
+            class="mn-b-thin w-100 bg-light pd-medium radius-small" 
           />
 
           <Field
             v-model:field="event.specialData.ticketText"
             placeholder="Promotion text for ticket in hero  "
-            class="w-100  bg-grey radius-small pd-medium"
+            class="w-100  bg-light radius-small pd-medium"
           />
 
            <Field
             v-model:field="event.specialData.ticketTextButton"
             placeholder="Text on 'Buy Ticket' button  "
-            class="w-100  bg-grey radius-small pd-medium"
+            class="w-100  bg-light radius-small pd-medium"
           />
 
           
@@ -154,13 +154,13 @@
       <Field 
         v-model:field="event.specialData.guestTitle" 
         placeholder="Title for Main Guest section" 
-        class="mn-b-thin w-100 bg-grey pd-medium radius-small" 
+        class="mn-b-thin w-100 bg-light pd-medium radius-small" 
       />
 
       <Field 
         v-model:field="event.specialData.guestDescription" 
         placeholder="Description for Main Guest section" 
-        class="mn-b-thin w-100 bg-grey pd-medium radius-small" 
+        class="mn-b-thin w-100 bg-light pd-medium radius-small" 
       />
 
       <div class="gap-thin cols-3">
@@ -168,44 +168,44 @@
         <Field 
           v-model:field="event.specialData.guestFacebook" 
           placeholder="Facebook of Main Guest" 
-          class="mn-b-thin w-100 bg-grey pd-medium radius-small" 
+          class="mn-b-thin w-100 bg-light pd-medium radius-small" 
         />
 
         <Field 
           v-model:field="event.specialData.guestInstagram" 
           placeholder="Instagram of Main Guest" 
-          class="mn-b-thin w-100 bg-grey pd-medium radius-small" 
+          class="mn-b-thin w-100 bg-light pd-medium radius-small" 
         />
 
         <Field 
           v-model:field="event.specialData.guestTwitter" 
           placeholder="Twitter of Main Guest" 
-          class="mn-b-thin w-100 bg-grey pd-medium radius-small" 
+          class="mn-b-thin w-100 bg-light pd-medium radius-small" 
         />
 
 
         <Field 
           v-model:field="event.specialData.guestTelegram" 
           placeholder="Telegram of Main Guest" 
-          class="mn-b-thin w-100 bg-grey pd-medium radius-small" 
+          class="mn-b-thin w-100 bg-light pd-medium radius-small" 
         />
 
         <Field 
           v-model:field="event.specialData.guestSoundcloud" 
           placeholder="Link to Main Guest soundcloud track" 
-          class="mn-b-thin w-100 bg-grey pd-medium radius-small" 
+          class="mn-b-thin w-100 bg-light pd-medium radius-small" 
         />
 
         <Field 
           v-model:field="event.specialData.guestSpotify" 
           placeholder="Link to Main guest spotify track" 
-          class="mn-b-thin w-100 bg-grey pd-medium radius-small" 
+          class="mn-b-thin w-100 bg-light pd-medium radius-small" 
         />
 
         <Field 
           v-model:field="event.specialData.guestYoutube" 
           placeholder="Link to Main guest youtube video" 
-          class="mn-b-thin w-100 bg-grey pd-medium radius-small" 
+          class="mn-b-thin w-100 bg-light pd-medium radius-small" 
         />
       </div>
 
@@ -222,7 +222,7 @@
         uploadPath="/specials"
         type="file"   
         class="
-          mn-b-thin w-100 bg-grey pd-medium radius-small t-black
+          mn-b-thin w-100 bg-light pd-medium radius-small t-black
         "
       />
 
@@ -294,12 +294,12 @@
           <Field
             v-model:field="item.name"
             placeholder="Name"
-            class="w-100  bg-grey radius-small pd-medium"
+            class="w-100  bg-light radius-small pd-medium"
           />  
           <Field
             v-model:field="item.time"
             placeholder="Time"
-            class="w-100  bg-grey radius-small pd-medium"
+            class="w-100  bg-light radius-small pd-medium"
           />
           <div class="radius-small h-100 i-big flex-center flex aspect-1x1 bg-red">
             <IconDelete 
@@ -323,7 +323,7 @@
         uploadPath="/specials"
         type="file"   
         class="
-          mn-b-thin w-100 bg-grey pd-medium radius-small t-black
+          mn-b-thin w-100 bg-light pd-medium radius-small t-black
         "
       />
 
@@ -345,25 +345,25 @@
         v-model:field="event.specialData.previousTitle"
         placeholder="Title"
         value="Explore our exclusive party archive"
-        class="w-100  bg-grey radius-small pd-medium"
+        class="w-100  bg-light radius-small pd-medium"
       />  
       <Field
         v-model:field="event.specialData.previousDescription"
         label="Description"
         value="Experience the ultimate party vibe at The Commune! Elevate your evening with distinctive and exhilarating activities, ensuring an unforgettable time. Dive into the excitement and make every moment special."
-        class="w-100  bg-grey radius-small pd-medium"
+        class="w-100  bg-light radius-small pd-medium"
       />  
       <Field
         v-model:field="event.specialData.previousLinkText"
         label="Button"
         value="Check In Instagram"
-        class="w-100  bg-grey radius-small pd-medium"
+        class="w-100  bg-light radius-small pd-medium"
       />  
       <Field
         v-model:field="event.specialData.previousLink"
         label="Link"
         value="https://www.instagram.com/thecommune.phuket/"
-        class="w-100  bg-grey radius-small pd-medium"
+        class="w-100  bg-light radius-small pd-medium"
       />
       
       <Upload 
@@ -373,7 +373,7 @@
         uploadPath="/specials"
         type="file"   
         class="
-          mn-b-thin w-100 bg-grey pd-medium radius-small t-black
+          mn-b-thin w-100 bg-light pd-medium radius-small t-black
         "
       />
     </div>
@@ -382,7 +382,7 @@
     <VueDatePicker v-model="date"  range class="z-index-3 mn-b-semi" />
 
     <h3 class="mn-b-small">Description</h3>
-		<section v-if="event" class="pd-b-extra w-100 bg-grey pd-big radius-big">
+		<section v-if="event" class="pd-b-extra w-100 bg-light pd-big radius-big">
       <Constructor 
         :content="event.content"
         @update="update => event.content = update"
@@ -398,7 +398,7 @@
     </section>
 
     <Popup 
-      title="Добавить участника" 
+      title="Publish" 
       @close-popup="closePublicationPopup" 
       :isPopupOpen="isPublicationPopup"
       class="w-m-33r t-left pd-big bg-white radius-big"
@@ -419,10 +419,10 @@
         placeholder="Type to search or add tag"
         label="name"
         track-by="_id"
-        class="mn-b-medium bg-grey radius-medium pd-small"
+        class="mn-b-medium bg-light radius-medium pd-small"
       />
       <h5 v-if="selectedOrganization" class="mn-b-thin">Options:</h5>
-      <div v-if="selectedOrganization" class="mn-b-medium br-grey br-2px br-solid pd-small radius-big">
+      <div v-if="selectedOrganization" class="mn-b-medium br-grey-transp-25 br-2px br-solid pd-small radius-big">
         <Checkbox 
           :label="'Hide Author'"
           :radio="event.creator.hidden"

package/src/modules/events/components/pages/EditEventTickets.vue

@@ -91,7 +91,7 @@
     >
       <div
         v-for="(ticket, index) in items" 
-        class="radius-big bg-grey gap-small pd-medium flex-v-center flex-nowrap flex pos-relative mn-b-thin"
+        class="radius-big bg-light gap-small pd-medium flex-v-center flex-nowrap flex pos-relative mn-b-thin"
       >
         <a :href="ticket.image" target="_blank"><img :src="ticket.qrcode" class="radius-small h-5r w-5r"></a>