HEX
Server: Apache
System: Linux WWW 6.1.0-40-amd64 #1 SMP PREEMPT_DYNAMIC Debian 6.1.153-1 (2025-09-20) x86_64
User: web11 (1011)
PHP: 8.2.29
Disabled: NONE
$ pwd: /var/www/intranet.kauko.lt/wp-content/plugins/wise-chat/assets/css/src/themes/
Upload Files
File: /var/www/intranet.kauko.lt/wp-content/plugins/wise-chat/assets/css/src/themes/colddark.scss
@mixin colddark {
  @include colddark-common;

  .wcClassic {
	border: 0; padding-top: 0; color: #cad6e2;
	-webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px;
	overflow: hidden;
    background: #26323e;

    .wcTitle {
      padding: 10px 13px;
      font-size: 150%; color: #8d9eb0; background-color: #1a212b; border-radius: 10px 10px 0 0;
    }

    .wcLoadingContainer, .wcAuthContainer {
      padding: 0;
    }

    // desktop:
    &.wcDesktop {
      .wcBody {
        // messages area:
        .wcMessagesArea {
          .wcTabsContainer {
            background-color: #1a212b;
            color: #a6a6a6;

            .wcTabs {
              .wcTab {
                &.wcCurrent {
                  border-bottom: 3px solid transparent;
                  background: #26323e;
                  border-radius: 5px 5px 0 0;

                  &:first-child {
                    border-top-left-radius: 0;
                  }
                }

                .wcName {
                  color: #a6a6a6;
                  font-size: 16px;
                  padding-top: 4px;
                  padding-bottom: 4px;

                  &:hover {
                    color: #cad6e2;
                  }
                }

                .wcChannelClose:hover {
                  background-color: #26323e;
                }

              }
            }

            .wcTabsNav .wcLeft {
              background-image: url("../../gfx/themes/colddark/gfx/arrow-left.svg");
            }
            .wcTabsNav .wcRight {
              background-image: url("../../gfx/themes/colddark/gfx/arrow-right.svg");
            }

          }

          .wcCustomizations {
            padding: 0 2% 2% 2%;
            background-color: #26323e;
          }

          .wcGrid .wcGridChannelContainer {
            .wcGridChannel {
              border-color: #1a212b;
              border-radius: 10px 10px 0 0;

              .wcHeader {
                background-color: #1a212b;
                border-top: none;
                border-radius: 10px 10px 0 0;
                line-height: 1.8;
                font-size: 1em;
                .wcChannelClose:hover {
                  background-color: #1572a1;
                }
              }
            }

            &.wcFocused .wcGridChannel {
              border: 1px solid rgba(36, 180, 255, 0.30);
              box-shadow: 0 0 7px rgba(36, 180, 255, 0.30);
              .wcChannel {
                .wcInput {
                  border: 1px solid rgba(36, 180, 255, 0.70);
                }
              }
            }
          }
        }

        // browser area:
        &.wcBrowserAreaRight {
          .wcMessagesArea {
            padding-left: 0;
            padding-right: 0;
          }
        }

        &.wcBrowserAreaLeft {
          .wcMessagesArea {
            padding-left: 0;
            padding-right: 0;
          }
          .wcBrowserArea {
            padding-right: 2%;
            padding-left: 1%;
          }
        }

        .wcBrowserArea {
          background-color: #1a212b;
        }
      }
    }
  }

  .wcMobile, .wcSidebar.wcMobile {
    .wcContent {
      padding-left: 0;
      padding-right: 0;
    }
    .wcTabs {
      background-color: #1a212b;
      color: #a6a6a6;
      border: none;

      .wcTab {
        padding-bottom: 6px;
        padding-top: 6px;

        .wcName {
          font-size: 16px;
        }
        border-bottom: 0;
        &.wcCurrent {
          border-bottom: 0;
          background-color: #26323e;
          border-radius: 5px 5px 0 0;
        }

        .wcRedCounter {
          width: 22px;
          height: 22px;
          font-size: 1em;
        }
      }

      .wcTabContent {
        .wcChannel {
          padding-left: 1%;
          padding-right: 1%;
        }
      }

      .wcTabCustomize {
        background-image: url("../../gfx/themes/colddark/gfx/custom.svg");
        background-size: 50%;
      }
    }

    .wcTabContent {
      .wcChannel {
        .wcChannelIntro {
          background-color: transparent;
          margin-top: 0;
          margin-bottom: 1%;
          padding: 0 0 2% 0;
        }
      }

      .wcChannelEntry {
        padding: 5px 10px 5px 10px;

        &:focus, &:active, &:hover {
          background-color: rgba(9, 193, 121, 0.10);
        }

        a.wcChannelClose {
          &:hover {
            background-color: rgba(9, 193, 121, 0.15);
          }
        }
      }

      .wcBrowser {
        padding-top: 0;
        background-color: #26323e;

        .wcChannels {
          .wcChannelTrigger {
            &:hover {
              background-color: rgba(9, 193, 121, 0.10);
            }
          }
        }
      }

      .wcRecentChats {
        .wcHeader {
          font-size: 1.1em;
          color: #fff;
          padding-left: 10px
        }

        .wcNoRecent {
          padding-left: 10px;
        }

        .wcRecent {
          padding: 5px 10px 5px 10px;

          .wcRight .wcHead {
            margin-bottom: 0;
          }

          &:hover {
            background-color: #364553;
          }

          &.wcUnread {
            background-color: rgba(0,193,121,0.05);
            &:hover {
              background-color: rgba(0,193,121,0.10);
            }
          }
          .wcRight .wcHead {
            margin-bottom: 0;
          }

        }
      }

      .wcCustomizations {
        padding-left: 2%;
        padding-right: 2%;
      }

    }
  }

  .wcMobile.wcSizeXXs {
    .wcTabs.wcTabsCompact {
      .wcTab {
        padding: 10px;
        &.wcCurrent {
          border-bottom: 0;
          background-color: #26323e;
          border-radius: 5px 5px 0 0;
        }
      }
    }
  }

  .wcSidebar .wcColumn {
    > * {
      border-color: #1a212b;
    }

    &.wcFocused>:first-child {
      border-top: none;
      > span {
        font-weight: bold;
      }
    }

    .wcHeader {
      height: 2.6em;
      background-color: #1a212b;
      border-top: none;
      border-radius: 10px 10px 0 0;
      line-height: 1.8;
	  font-size: 1em;
    }

    .wcContent {
      background-color: #26323e;
      &.wcBrowserContent .wcCustomizations {
        background-color: #1a212b;
        padding-bottom: 10px !important;
      }
    }

    .wcRecentTrigger span {
      top: 12px;
    }
  }

  // common:
  .wcBrowser {
    .wcChannels {
      .wcLabel {
        font-weight: bold;
      }
      .wcChannelTrigger {
        color: #151618;

        &.wcUnLockedChannel .wcDetails .wcName {
          background-image: url("../../gfx/themes/lightgray/gfx/lock-semi.svg");
        }
        &.wcLockedChannel .wcDetails .wcName {
          background-image: url("../../gfx/themes/lightgray/gfx/lock-full.svg");
        }

        &:hover {
          background-color: rgba(9, 193, 121, 0.15);
          border-radius: 5px;
        }
      }

      .wcLabel {
        font-size: 1.1em;
        color: #8d9eb0;
      }
    }

    background-color: #1a212b;
    color: #151618;

    .wcCounter {
      border: 0;
    }

    .wcFooter {
      border-top: none;
      padding: 5px 5px 5px 10px;

      .wcSearch {
        background-color: #FFF;
        border-radius: 15px;
        background-position: 10px center;

        input {
          height: 40px;
          margin-left: 30px;
        }
      }
    }

    &.wcBrowserRecent {
      .wcRecentChats .wcRecent {
        &.wcRead:hover {
          background-color: rgba(9, 193, 121, 0.09);
          border-radius: 5px;
        }
      }
    }
  }

  .wcCustomizations{
    a.wcCustomizeButton:before {
      background-image: url("../../gfx/themes/colddark/gfx/custom.svg");
    }
  }

  .wcCounter {
    font-size: 10px;
  }

  .wcChannel {
    .wcChannelIntro {
      border: none;
      border-bottom: 1px solid #465767;
      padding: 10px;
      margin-top: 0;
      background-color: transparent;
      .wcAvatar {
        border-radius: 5px;
        max-height: 60px;
      }
    }

    .wcChannelData .wcMessages {
      color: #111;
      background: #26323e;
      margin-bottom: 2%;

      .wcMessage {
        padding-left: 2%;
        padding-right: 2%;

        a {
          color: #24b4ff;
          text-decoration: none;
          &:hover {
	        text-decoration: underline;
          }
        }

        .wcUser {
          line-height: 22px;
          color: #cad6e2;
          text-decoration: none;
        }

        .wcTime {
          &, & * {
            color: #8d9eb0; line-height: 22px;
          }
        }

        .wcContent {
          background-color: #465767; border-radius: 0 10px 10px 10px; box-shadow: 2px 2px 2px rgba(60,60,60,0.03);

          .wcActionsButton {
            background: #26323e url(../../gfx/themes/colddark/gfx/3dots.svg) center center no-repeat;
            background-size: 14px;
            border-radius: 5px;
            border: none;
            &:hover {
              border: none;
              background-color: #2a3743;
            }
          }
        }

        .wcRowBody .wcContent .wcQuote {
          border-left-color: #24b4ff;
          background-color: #40505f;
          border-radius: 0 10px 0 0;
        }

        &.wcCurrentUser {
          .wcContent {
            background-color: #5c6d7f;
            .wcActionsButton {
              background-color: #7c8d9f;
            }
          }
          .wcRowBody .wcContent .wcQuote {
            background-color: #576778;
          }
          .wcRowHead .wcUser {
            color: #cad6e2;
          }
        }

        .wcRowBody .wcContent {
          flex-grow: 0;
          min-width: auto;
          .wcInternalContent {
            display: inline;
          }
          &.wcEditing {
            .wcInternalContent, .wcTime {
              display: none;
            }
          }
          > .wcTime {
            margin-left: 10px;
            float: right;
          }
        }

        &.wcBatch {
          .wcRowHead {
            display: none;
          }
          .wcRowBody {
            > .wcAvatar {
              visibility: hidden;
            }
            .wcContent {
              border-radius: 10px;
            }
          }
        }
      }
    }

    .wcCounter {
      padding: 0 2% 1% 2%;
    }

    &.wcChannelSizeXXs {
      .wcChannelInput .wcInputs .wcInputButtons button.wcSubmit {
        background: #0095e2 url(../../gfx/icons/send.svg) no-repeat center center !important;
        background-size: 25px 25px !important;
      }
    }

    .wcChannelInput {
      background-color: #26323e;
      padding: 0 2% 2% 2%;

      .wcCurrentUserName {
        padding-bottom: 7px;
        font-weight: bold;
      }

      .wcReadOnlyDirectChannel {
        border-radius: 5px;
	    background-color: #ffe9e9;
        margin-top: 20px;
        margin-bottom: 20px;
        padding: 10px;
      }

      .wcReplyTo {
        background-color: #576778;
        border-radius: 0 15px 15px 15px;
        .wcDeleteButton {
          background-image: url("../../gfx/themes/colddark/gfx/x.svg");
          &:hover {
            background-color: rgba(9, 193, 121, 0.09);
          }
        }
      }

      .wcInputs {
        .wcInputButtons {
          margin-bottom: 4px;

          .wcInputButton {
            border-radius: 15px;
            border: none;
            box-shadow: none;
            height: 40px;
            background: transparent;
            display: inline-block;
            outline: none;
            -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
            filter: alpha(opacity=70);
            -moz-opacity: 0.7;
            -khtml-opacity: 0.7;
            opacity: 0.7;

            -webkit-transition: all 250ms cubic-bezier(0.62, 0.155, 0.47, 0.86);
            -o-transition: all 250ms cubic-bezier(0.62, 0.155, 0.47, 0.86);
            transition: all 250ms cubic-bezier(0.62, 0.155, 0.47, 0.86);


            &:hover, &:hover > * {
              cursor: pointer;
            }

            &.wcImageAttachment {
              background: transparent url('../../gfx/themes/colddark/gfx/camera.svg') center center no-repeat;
            }

            &.wcFileAttachment {
              background: transparent url('../../gfx/themes/colddark/gfx/attach.svg') center center no-repeat;
              cursor: pointer;
            }

            &.wcEmoticon {
              background: transparent url('../../gfx/themes/colddark/gfx/emoticon.svg') center center no-repeat;
            }

            &.wcSoundAttachmentStart {
              background: transparent url(../../gfx/themes/colddark/gfx/mic.svg) center center no-repeat;
            }

            &.wcSoundAttachmentStop {
              background: transparent url(../../gfx/icons/stop-button.svg) center center no-repeat;
            }

            &:focus, &:active, &:hover {
              -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
              filter: alpha(opacity=100);
              -moz-opacity: 1;
              -khtml-opacity: 1;
              opacity: 1;
              border: none;
              background-color: transparent;
            }

          }

          .wcInputButtonSupplementary {
            background-color: transparent;
          }
        }

        div.wcInput {
          min-height: 40px;
          background-color: #ecf3fb; border-radius: 15px; margin: 0; border: 1px solid transparent; padding: 6px 5px 6px 15px;

          &:focus {
            background-color: #ffffff; border: 1px solid transparent;
          }
          &, * {
            color: #1a212b;
          }
        }
      }

      .wcAttachments {
        .wcAttachment {
          .wcDelete {
            border-color: #354554;
            &:hover {
              background-color: #354554;
            }
          }
        }
      }
    }
  }

  .wcRecentTrigger {
    background: url(../../gfx/themes/colddark/gfx/recent-chats-inactive.svg) center center no-repeat;

    &.wcOpen {
      background: url(../../gfx/themes/colddark/gfx/recent-chats.svg) center center no-repeat;
    }

    &:hover {
      background-color: rgba(9, 193, 121, 0.09);
      border-radius: 5px;
    }

    span {
      font-size: 11px;
      font-weight: bold;
    }
  }

  .wcToasts {
    .wcToast {
      background-color: #202a35;
      color: rgb(202, 214, 226);
      box-shadow: 0 0 15px rgba(0, 0, 0, 60%);
    }
  }
}

@mixin colddark-global {

  [role=tooltip].wcPopup-content.wcColddarkTheme-content,
  [role=dialog].wcPopup-content.wcColddarkTheme-content {
    @include colddark-common;

    background-color: #26323e;
    border-color: #2e3b49;
    box-shadow: 0 0 15px rgba(0, 0, 0, 60%);
    border-radius: 5px;
    overflow: hidden;

    * {
      color: rgb(202, 214, 226);
    }

    > .wcBody {
      background-color: #202a35;
      padding-top: 20px;
      padding-bottom: 20px;
      color: rgb(202, 214, 226);
    }

    > .wcHeader, > .wcFooter {
      background-color: #1a212b;
      border: none;
    }
    > .wcHeader {
      color: #151618;
      border-bottom: 1px solid #26323e;
      h5 {
        font-size: 1.1em;
        font-weight: bold;
        text-transform: uppercase;
        color: #fff;
      }
    }
    > .wcFooter {
      border-top: 1px solid #26323e;
      .wcButton {
        color: #cad6e2;
      }
    }

    .wcRecentChats {
      .wcHeader {
        font-size: 1.1em;
        color: #fff;
      }

      .wcHeader {
        margin-left: 7px;
      }

      .wcRecent {
        border-radius: 5px;

        &:hover {
          background-color: #364553;
        }

        &.wcUnread {
          background-color: rgba(0,193,121,0.05);
          &:hover {
            background-color: rgba(0,193,121,0.10);
          }
        }
        .wcRight .wcHead {
          margin-bottom: 0;
        }
      }
    }
  }

  .wcActionsPopup-content.wcColddarkTheme-content {
    border-radius: 5px;
    .wcActions {
      .wcAction {
        border-color: #465767;

        &:hover {
          background-color: #1a212b;
        }
      }

      .wcApprove {
        background: transparent url("../../gfx/themes/colddark/gfx/approve.svg") no-repeat 50%;
      }

      .wcDelete {
        background: transparent url("../../gfx/themes/colddark/gfx/x.svg") no-repeat 50%;
      }

      .wcEdit {
        background: transparent url("../../gfx/themes/colddark/gfx/edit.svg") no-repeat 50%;
      }

      .wcMute {
        background: transparent url("../../gfx/themes/colddark/gfx/mute.svg") no-repeat 50%;
      }

      .wcBan {
        background: transparent url("../../gfx/themes/colddark/gfx/ban.svg") no-repeat 50%;
      }

      .wcSpam {
        background: transparent url("../../gfx/themes/colddark/gfx/spam.svg") no-repeat 50%;
      }

      .wcReply {
        background: transparent url("../../gfx/themes/colddark/gfx/reply.svg") no-repeat 50%;
      }
    }
  }

  .wcEmoticonsPopup-content.wcColddarkTheme-content {
    .wcCategory.wcCategoryEmoticons {
      a {
        border: 1px solid transparent;
      }

      a:hover {
        background: #465767;
        border-color: #465767;
      }
    }
    .wcCategory.wcCategoryGIFs .wcTenor .wcTenorSearch {
      border-radius: 15px;
    }
  }

  .wcColorsPopup-content.wcColddarkTheme-content a {
    border-color: #7593AA;
  }

  .wcInfoWindowPopup-content.wcColddarkTheme-content {
    height: 120px;

    .wcContent .wcRight {
      .wcName {
        font-size: 1.3em;
        text-decoration: none;
      }
    }
  }
  .wcRecentEmpty-content.wcColddarkTheme-content {
    height: 50px;
    .wcRecentChats {
      display: flex;
      align-items: center;
    }
  }
}

@mixin colddark-common {
  &, * {
    font: 13px/22px 'Maven Pro', sans-serif;
    color: #cad6e2;
  }

  a {
    color: #24b4ff;
    box-shadow: none;
  }

  button:not(.wcFunctional),button:not(.wcFunctional):focus, button:not(.wcFunctional):active,
  input[type="button"], input[type="button"]:focus, input[type="button"]:active,
  input[type="submit"], input[type="submit"]:focus, input[type="submit"]:active {
    border-radius: 15px !important; background-image: none; background-repeat: no-repeat; border: 0!important;
    color: #FFF !important; padding: 5px 20px !important; box-shadow: none; font-weight: normal !important; line-height: 20px !important;
    height: 40px; outline: none; min-height: 40px !important;

    background: #24b4ff !important; /* Old browsers */
    background: -moz-linear-gradient(top,  #24b4ff 0%, #0095e2 100%) !important; /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  #24b4ff 0%,#0095e2 100%) !important; /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  #24b4ff 0%,#0095e2 100%) !important; /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#24b4ff', endColorstr='#0095e2',GradientType=0 ) !important; /* IE6-9 */
    text-transform: none !important;

    -webkit-transition: all 250ms cubic-bezier(0.62, 0.155, 0.47, 0.86);
    -o-transition: all 250ms cubic-bezier(0.62, 0.155, 0.47, 0.86);
    transition: all 250ms cubic-bezier(0.62, 0.155, 0.47, 0.86);
  }

  button:not(.wcFunctional):hover, input[type="button"]:hover, input[type="submit"]:hover {
    background: #57d6ff !important; /* Old browsers */
    background: -moz-linear-gradient(top,  #57d6ff 0%, #24b4ff 100%) !important; /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  #57d6ff 0%,#24b4ff 100%) !important; /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  #57d6ff 0%,#24b4ff 100%) !important; /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#57d6ff', endColorstr='#24b4ff',GradientType=0 ) !important; /* IE6-9 */
    box-shadow: none !important; font-weight: normal !important;
  }

  input[type="text"], input[type="password"], textarea {
    height: 40px; font-size: 1em; line-height: 40px; box-shadow: none;
    background-color: #ecf3fb; border-radius: 15px; margin: 0; outline: 0 none; padding: 4px;
    padding-left: 15px; border: 1px solid transparent; color: #1a212b;
  }

  input[type="text"]:focus, input[type="password"]:focus, textarea:focus {
    background-color: #ffffff; border: 1px solid transparent;
  }

  ::placeholder {
    color: #465767;
    font-family: 'Maven Pro', sans-serif;
  }

  /* Progress bar - background */
  progress, progress[role][aria-valuenow] {
    background: #5c6d7f !important;
  }

  progress::-webkit-progress-bar {
    background: #5c6d7f;
  }
  /* Progress bar - foreground */
  progress {
    color: #24b4ff;
  }

  progress::-moz-progress-bar {
    background: #24b4ff;
  }

  progress::-webkit-progress-value {
    background: #24b4ff;
  }

  progress[aria-valuenow]:before {
    background: #24b4ff;
  }

  @media screen and (-webkit-min-device-pixel-ratio:0) {
    * {
      select,
      textarea,
      button,
      input {
        font-size: 16px;
      }
    }
  }

  .wcErrorBox {
    color: #26323e;
    background-color: #ffe9e9;
    border-radius: 5px;
    border: none;
  }

}
@ Telegram