Skip to content

TeamCity Carbon Theme Updated by alexandre_simao

Screenshot of TeamCity Carbon Theme Updated
Write a review Install Get Stylus

Details

Authoralexandre_simao

LicenseNo License

CategoryTeamCity

Created

Updated

Size25 kB

Statistics

Learn how we calculate statistics in the FAQ.

Failed to fetch stats.

Description

Just grabbed one of the themes and updated it

Notes

Userstyle doesn't have notes.

Source code

Source code has over 10K characters, so we truncated it. You can inspect the full source code on install link. 
/* ==UserStyle==
@name           Teamcity Carbon Improved
@namespace      USO Archive
@author         Илья Корж
@description    `1) Worked with all Teamcity 2017-20182) For correct run need edit apply list domain/host/url`
@version        20190329.19.32
@license        CC0-1.0
@preprocessor   uso
==/UserStyle== */
@-moz-document url-prefix("https://teamcity"), url-prefix("https://tc"), url-prefix("http://teamcity"), url-prefix("http://tc")
{
    .BranchLabel__main--_T {
    background-color: #4a6f7c;
}
    
::-webkit-scrollbar {
  width: 10px;
}

/* Track */
::-webkit-scrollbar-track {
  background: #2b2a2a; 
}
 
/* Handle */
::-webkit-scrollbar-thumb {
  background: #4a6f7c; 
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: #5698af; 
}
    
    :root {
    --ring-unit: 8px;
    --ring-line-color: #dfe5eb;
    --ring-dark-line-color: #475159;
    --ring-borders-color: #b8d1e5;
    --ring-dark-borders-color: #406380;
    --ring-icon-color: var(--ring-borders-color);
    --ring-icon-secondary-color: #999;
    --ring-border-disabled-color: #dbdbdb;
    --ring-icon-disabled-color: #bbb;
    --ring-border-hover-color: #80c6ff;
    --ring-dark-border-hover-color: #70b1e6;
    --ring-icon-hover-color: var(--ring-link-hover-color);
    --ring-main-color: #0b607d;
    --ring-main-hover-color: #007ee5;
    --ring-icon-error-color: #db5860;
    --ring-icon-warning-color: #eda200;
    --ring-icon-success-color: #59a869;
    --ring-pale-control-color: #cfdbe5;
    --ring-popup-border-components: 0, 42, 76;
    --ring-popup-border-color: rgba(var(--ring-popup-border-components), 0.1);
    --ring-popup-shadow-color: rgba(var(--ring-popup-border-components), 0.15);
    --ring-message-shadow-color: rgba(var(--ring-popup-border-components), 0.3);
    --ring-pinned-shadow-color: #737577;
    --ring-search-color: #669ecc;
    --ring-hint-color: #406380;
    --ring-link-color: #0f5b99;
    --ring-link-hover-color: #ff008c;
    --ring-error-color: #c22731;
    --ring-warning-color: #cc8b00;
    --ring-success-color: #1b8833;
    --ring-text-color: #66a3a3bbb;
    --ring-dark-text-color: #fff;
    --ring-heading-color: var(--ring-text-color);
    --ring-secondary-color: #737577;
    --ring-dark-secondary-color: #888;
    --ring-disabled-color: #999;
    --ring-dark-disabled-color: #444;
    --ring-dark-active-color: #ccc;
    --ring-content-background-color: #42444c;
    --ring-popup-background-color: #fff;
    --ring-sidebar-background-color: #f7f9fa;
    --ring-selected-background-color: #20252d;
    --ring-hover-background-color: #0c607d;;
    --ring-dark-selected-background-color: #002a4d;
    --ring-message-background-color: #111314;
    --ring-navigation-background-color: #000;
    --ring-tag-background-color: #e6ecf2;
    --ring-removed-background-color: #ffd5cb;
    --ring-warning-background-color: #faeccd;
    --ring-added-background-color: #bce8bb;
    }

.ProjectsTreeItem__selected--TP {
    background-color: #1b2024;
}
.ProjectsTreeItem__projectsTreeItem--cw:hover {
    color: var(--ring-text-color);
    background-color: #1b2024;
}
    
    .App__resizable--jK {
    display: flex;
    flex-direction: column;
    background-color: #2c313a;
}
body {
    background: #21252D;
    color: #EBEBEB;
}
::selection {
    background: #6A25AA !important;
}
::-moz-selection {
    background: #6A25AA !important;
}
::placeholder {
    /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: #BEBEBE !important;
    opacity: 1;
    /* Firefox */
}
:-ms-input-placeholder {
    /* Internet Explorer 10-11 */
    color: #BEBEBE !important;
}
::-ms-input-placeholder {
    /* Microsoft Edge */
    color: #BEBEBE !important;
}
a {
    color: #BFD9D8 !important;
}
.nextStepHint {
    background-color: #434953 !important;
    border-color: #3C414C !important;
}
div.menuList .createOption.expanded, div.menuList .createOption {
    background-color: #434953 !important;
    border-color: #3C414C !important;
}
.build .projectHeader {
    background: #2C3037 !important;
}
.projectHeaderTable .projectDescription {
    color: #BEBEBE !important;
}
table.overviewTypeTable {
    background-color: #21252D !important;
}
.admin-menu__bg {
    background: #2C3037 !important;
    box-shadow: 0 50vh #2C3037 !important;
}
.BuildNumber__build-number--3i {
    color: #EBEBEB !important;
}
.global__font--1w {
    color: #EBEBEB !important;
}
.BuildBranch__main--Cn {
    background-color: #434953 !important;
}
.admin-ui:not(.admin-ui_old) .admin-menu__bg:after {
    box-shadow: 0px 50vh 0px 0px #2C3037 !important;
    background: #2C3037 !important;
}
.admin-ui:not(.admin-ui_old) .admin-sidebar {
    background: #2C3037 !important;
}
.admin-sidebar .item.active {
    background: #434953 !important;
}
.admin-ui:not(.admin-ui_old) .admin-sidebar .item.active a, .admin-ui:not(.admin-ui_old) .admin-sidebar .item.active:hover a, .admin-ui:not(.admin-ui_old) #projectTabsContainer .tabs li.selected a, .admin-ui:not(.admin-ui_old) #buildTypeTabsContainer .tabs li.selected a, .admin-ui:not(.admin-ui_old) #projectTabsContainer .tabs li.selected .tabCounter, .admin-ui:not(.admin-ui_old) #buildTypeTabsContainer .tabs li.selected .tabCounter {
    color: #EBEBEB !important;
}
.admin-ui:not(.admin-ui_old) .admin-sidebar .category {
    color: #BEBEBE !important;
}
.admin-ui:not(.admin-ui_old) #topWrapper.with-border, .headBG, table.borderBottom td, .simpleTabs .tabs li, .simpleTabs .tabs li.selected, #footer .footerMainContainer {
    border-color: #3C414C !important;
}
.runnerFormTable tr.groupingTitle td {
    background: #2C3037 !important;
    border-color: #3C414C !important;
}
.bt-separator {
    border-color: #3C414C !important;
}
.tableCaption {
    border-color: #3C414C !important;
}
.grayNote, .smallNote, .smallNoteAttention {
    color: #BEBEBE !important;
}
#footer {
    background-color: #21252D;
}
.runnerFormTable th, .runnerFormTable td {
    border-color: #3C414C !important;
}
.saveButtonsBlock, .popupSaveButtonsBlock {
    border-color: #3C414C !important;
}
input, textarea, select, option, search-input {
    background-color: #21252D !important;
    border-color: #3C414C !important;
    color: #EBEBEB !important;
}
button, .btn {
    background-color: #21252D !important;
    background-image: none !important;
    border-color: #3C414C !important;
    box-shadow: none !important;
    color: #EBEBEB !important;
    text-shadow: none !important;
}
.btn, .healthItemIndicator, .ui-datepicker-buttonpane button {
    background-color: #2C3037 !important;
}
#footer .columnContent .version {
    color: #BEBEBE !important;
}
span.greyNote {
    color: #888888 !important;
}
.tabCounter {
    background-color: #434953 !important;
    border-color: #3C414C !important;
    color: #EBEBEB !important;
}
.mug {
    background-color: transparent !important;
}
.attentionComment, .attentionRed {
    background: #434953 !important;
    color: #EBEBEB !important;
}
.popupDiv.popupDiv_has-triangle.firstBuildTooltip, .popupDiv.popupDiv_has-triangle.firstBuildTooltip::before {
    background-color: #3C414C !important;
}
.popupDiv__inner {
    background-color: #21252D !important;
}
.successMessage {
    border: 1px solid #ffc !important;
    background-color: #434953 !important;
}
#projectSummary {
    background-color: #21252D !important;
    border-color: #3C414C !important;
    color: #EBEBEB !important;
}
#projectTabsContainer .tabs li.selected {
    background: none !important;
}
#projectTabsContainer .tabs li.selected a {
    color: #888888 !important;
}
#projectTabsContainer .tabs li:hover {
    background: none !important;
}
.build-status-icon.build-status-icon_running-green-transparent, .build-status-icon.build-status-icon_running-red-transparent, .build-status-icon.build-status-icon_my-running, .build-status-icon.build-status-icon_my-running-failing, .build-status-icon.build-status-icon_personal-running, .build-status-icon.build-status-icon_personal-running-failing {
    background-color: #EBEBEB !important;
    background-position: center !important;
    border-radius: 50% !important;
}
.build-status-icon_failed {
    background-position: 2px -20px !important;
}
.build-status-icon_successful {
    background-position: -18px 0 !important;
}
.buildTypeSettings {
    background-color: #21252D !important;
    border-color: #3C414C !important;
    color: #EBEBEB !important;
}
.captionRow {
    background-color: #2C3037 !important;
}
.chainOptions .chainOptions__option {
    background-color: #2C3037 !important;
    border-color: #3C414C !important;
    color: #BFD9D8 !important;
}
.chainOptions .chainOptions__option label {
    vertical-align: text-bottom !important;
}
.closeWindowLink, .closeWindowLink:hover {
    color: #EBEBEB !important;
}
.menuList {
    background-color: #21252D !important;
    border-color: #3C414C !important;
    color: #EBEBEB !important;
}
.menuList .menuItemSelected, .menuList .menuItemSelected a, .menuList li, .menuList li a {
    border-color: #3C414C !important;
}
.menuList .menuItemSelected, .menuList .menuItemSelected a, .menuList li:hover, .menuList li:hover a {
    background-color: #21252D !important;
    border-color: #3C414C !important;
    color: #BFD9D8 !important;
}
.modalDialog {
    background-color: #21252D !important;
    border-color: #3C414C !important;
    color: #EBEBEB !important;
}
.modalDialog .dialogHeader {
    background-color: #2C3037 !important;
    border-color: #3C414C !important;
    color: #EBEBEB !important;
}
.healthItemIndicator, .ui-datepicker-buttonpane button {
    background-color: #2C3037 !important;
    border-color: #3C414C !important;
    box-shadow: none !important;
    color: #E...

Reviews

No reviews yet.