☰

Koombea OpenAir styles

Add Koombea's compatible custom styles to OpenAir website

当前为 2024-10-24 提交的版本，查看 最新版本。

/* ==UserStyle==
@name         Koombea OpenAir styles
@name:es      Estilos para Koombea OpenAir
@description  Add Koombea's compatible custom styles to OpenAir website
@description:es Agrega estilos personalizados compatibles con Koombea al sitio web de OpenAir
@namespace    koombea_air
@version      0.3.0
@author       rhonaldomaster
@compatible   chrome
@compatible   edge
@compatible   firefox
@compatible   opera
@compatible   safari
@copyright    GNU/GPL v3
@homepage     https://github.com/rhonaldomaster/openair-k-colors
@icon         https://www.google.com/s2/favicons?sz=64&domain=openair.com
@license      GPL-3.0-or-later
==/UserStyle== */
@-moz-document domain("koombea-inc.app.openair.com") {
  :root {
    --koombea-dark-green: #00343D;
    --koombea-green: #26666B;
    --koombea-light-green: #0BD8A2;
    --koombea-booking-confirmed: #8ACBF9;
    --koombea-booking-pto: #F2AB52;
    --koombea-booking-internal: #C38CEA;
    --koombea-booking-tentative: #B8B8B8;
    --koombea-booking-overbook: #CC2E3B;
    --koombea-booking-holiday: #F2F2F2;
    --koombea-booking-available: #E6E6E6;
    --koombea-danger: #DA4F50;
    --white: #FFFFFF;
    --link: #1D979F;
    --link-hover: #14686E;
  }

  .TSCellHeader {
    background: var(--koombea-green) !important;
  }

  .TSGanttHeader2, .TSGanttHeader3, .TSGanttHeader5 {
    background: var(--koombea-green);
    border-left: 1px solid var(--koombea-dark-green);
    border-top: 1px solid var(--koombea-dark-green);
  }

  .oa3_ui .viewFilterInline select.highlight, .oa3_ui .viewFilter select.highlight {
    background-color: #F2F4F8 !important;
    color: var(--koombea-dark-green);
    border-color: #C7C7C7;
  }

  .resourceRowCell {
    border-top: 1px solid rgb(229, 229, 229) !important;
    overflow: visible !important;
  }

  #oa_view_booking_planner_envelope .GMGanttBaseIn, #oa_view_booking_planner_envelope .GMGanttBaseOut {
    border-radius: 4px !important;
  }

  #oa_view_booking_planner_envelope .GMGanttBkdOut, #oa_view_booking_planner_envelope .GMGanttBkdIn,
  #oa_view_booking_planner_envelope .GMGanttUnvOut, #oa_view_booking_planner_envelope .GMGanttUnvIn,
  #oa_view_booking_planner_envelope .GMGanttAvlOut, #oa_view_booking_planner_envelope .GMGanttAvlIn,
  #oa_view_booking_planner_envelope .GMGanttHolOut, #oa_view_booking_planner_envelope .GMGanttHolIn,
  #oa_view_booking_planner_envelope .GMGanttOvrOut, #oa_view_booking_planner_envelope .GMGanttOvrIn {
    border-radius: 16px !important;
    font-size: 10px !important;
    text-align: center !important;
    padding: 0px 1px !important;
    text-overflow: clip !important;
    height: 12px !important;
    line-height: 12px !important;
  }

  #oa_view_booking_planner_envelope .GMGanttOvrOut, #oa_view_booking_planner_envelope div.GMGanttOvrIn {
    background-color: var(--koombea-booking-overbook)!important;
    border-color: var(--koombea-booking-overbook) !important;
  }

  #oa_view_booking_planner_envelope .resourceRowCell div:has(.GMGanttUnvIn),
  #oa_view_booking_planner_envelope .resourceRowCell div:has(.GMGanttHolIn) {
    border-right: 1px dotted rgb(178, 178, 178);
    border-left: 1px dotted rgb(178, 178, 178);
  }

  #oa_view_booking_planner_envelope .GMGanttHolOut, #oa_view_booking_planner_envelope div.GMGanttHolIn,
  #oa_view_booking_planner_envelope .GMGanttUnvOut, #oa_view_booking_planner_envelope div.GMGanttUnvIn,
  #oa_view_booking_planner_envelope .resourceRowCell div:has(.GMGanttUnvIn),
  #oa_view_booking_planner_envelope .resourceRowCell div:has(.GMGanttHolIn) {
    background-color: var(--koombea-booking-holiday) !important;
  }

  #oa_view_booking_planner_envelope .resourceRowCell div:has(.GMGanttUnvIn),
  #oa_view_booking_planner_envelope .resourceRowCell div:has(.GMGanttHolIn) {
    border: 0 none !important;
    text-indent: -9999px !important;
  }

  #oa_view_booking_planner_envelope .GMGanttAvlOut, #oa_view_booking_planner_envelope div.GMGanttAvlIn {
    background-color: var(--koombea-booking-available) !important;
  }

  #oa_view_booking_planner_envelope .GMGanttBillableConfirmed1Out, #oa_view_booking_planner_envelope div.GMGanttBillableConfirmed1In {
    background-color: var(--koombea-booking-confirmed) !important;
    border-color: var(--koombea-booking-confirmed);
  }

  #oa_view_booking_planner_envelope .GMGanttNonbillableConfirmed7Out, #oa_view_booking_planner_envelope div.GMGanttNonbillableConfirmed7In {
    background-color: var(--koombea-booking-internal) !important;
    border-color: var(--koombea-booking-internal);
  }

  #oa_view_booking_planner_envelope .GMGanttBillableTentative5Out, #oa_view_booking_planner_envelope div.GMGanttBillableTentative5In,
  #oa_view_booking_planner_envelope .GMGanttNonbillableTentative5Out, #oa_view_booking_planner_envelope div.GMGanttNonbillableTentative5In{
    background-color: var(--koombea-booking-tentative) !important;
    border-color: var(--koombea-booking-tentative);
  }

  #oa_view_booking_planner_envelope .GMGanttUnavailable2Out, #oa_view_booking_planner_envelope div.GMGanttUnavailable2In {
    background-color: var(--koombea-booking-pto) !important;
    border-color: var(--koombea-booking-pto);
  }

  #oa_view_booking_planner_envelope .resourceRowCell .GMGanttBoxOut {
    height: 12px;
    margin-top: 16px !important;
  }

  .timesheet-alert {
    background: var(--koombea-danger);
    padding: 4px 10px 4px 7px;
    border-radius: 4px;
    display: inline-block;
    color: white;
    font-size: 12px;
  }

  .timesheet-alert .svg {
    vertical-align: middle;
    display: inline-block;
    width: 17px;
    height: 16px;
    background-position: -250px -486px;
    vertical-align: middle;
    margin-top: -3px;
  }    

  .book-by__warning-text td {
    padding-top: 6px;
  }
}