increase text color contrast

app/assets/javascripts/app/controllers/ticket_overview.coffee

@@ -302,6 +302,7 @@ class Table extends App.Controller
         groupBy:        @overview.group_by
         orderBy:        @overview.order.by
         orderDirection: @overview.order.direction
+        class: 'table--light'
         bindRow:
           events:
             'click':  openTicket

app/assets/javascripts/app/controllers/users.coffee

@@ -57,6 +57,7 @@ class Index extends App.Controller
         display:    'Action'
         className:  'actionCell'
         translation: true
+        width: '222px'
       header.push attribute
       header
 

app/assets/javascripts/app/views/agent_ticket_view/navbar_vertical.jst.eco

@@ -1,4 +1,4 @@
-<div class="tabs wide-tabs js-tabs">
+<div class="tabs tabs--inline tabs--big js-tabs">
   <% if @items: %>
     <% for item in @items: %>
       <a class="tab js-tab<%= ' active' if item.active %>" href="<%= item.target %>">
@@ -20,7 +20,7 @@
   <% end %>
 </div>
 <% if @items: %>
-<div class="tabs wide-tabs u-invisible js-tabsClone">
+<div class="tabs tabs--big u-invisible js-tabsClone">
   <% for item in @items: %>
     <a class="tab js-tabClone<%= ' active' if item.active %>" href="<%= item.target %>">
       <span class="tab-name"><%- @T(item.name) %></span>

app/assets/stylesheets/zammad.scss

@@ -27,7 +27,7 @@ body {
   font-weight: normal;
   background: hsl(210,14%,97%);
   height: 100%;
-  color: hsl(198,19%,72%);
+  color: hsl(60,1%,34%);
   word-wrap: break-word;
   overflow-wrap: break-word;
   display: flex;
@@ -41,7 +41,6 @@ use {
 
 p {
   margin: 14px 0;
-  color: hsl(60,1%,34%);
 
   &.subtle {
     color: hsl(60,1%,74%);
@@ -696,6 +695,9 @@ table {
 
 .table {
   display: table;
+}
+
+.table--light {
   color: hsl(198,19%,72%);
 }