cuiyang.css.light.css Maven / Gradle / Ivy

Go to download
Show more of this group Show more artifacts with this name
Show all versions of javafx Show documentation
javafx
The newest version!
.root {
    -fx-accent: #d3d3d3;
    -fx-background: -fx-base;
    -fx-focus-color: -fx-accent;
    -fx-cell-focus-inner-border: -fx-accent;
    -fx-font-family: Menlo;
}

/* 按钮 */
.button {
    -fx-background-color: -fx-base;
}
.button:hover {
    -fx-background-color: -fx-accent;
}

/** 对话框 */
.dialog-pane .header-panel {
    -fx-background-color: -fx-base;
    -fx-border-color: transparent transparent -fx-shadow-highlight-color transparent,
    transparent transparent -fx-text-box-border transparent;
    -fx-border-insets: 0, 0 0 1 0;
}
.dialog-pane > .content {
    -fx-padding: 0;
}
.dialog-pane .button {
    -fx-background-color: -fx-base;
    /*-fx-text-fill: white;*/
    -fx-cursor: hand;
}
.dialog-pane .button:hover {
    -fx-background-color: -fx-accent;
}

/** 滚动面板 */
.scroll-pane {
    -fx-background-insets: 0;
}
/** 滚动条 */
.scroll-bar > .increment-button,
.scroll-bar > .decrement-button,
.scroll-bar:horizontal,
.scroll-bar:vertical,
.scroll-bar:horizontal .track ,
.scroll-bar:vertical .track,
.scroll-bar:horizontal .thumb,
.scroll-bar:vertical .thumb {
    -fx-font-size: 12;
}
.scroll-bar:horizontal .thumb,
.scroll-bar:vertical .thumb {
    -fx-background-radius: 2px;
}

/* 文本域 */
.text-area, .text-area .scroll-pane .content {
    -fx-font-size: 14px;
}
.text-input, .text-input:focused {
    -fx-highlight-fill: -fx-accent;
}

/* 文本框 */
.text-field {
    -fx-prompt-text-fill: gray;
}
.text-field:focused {
    -fx-background-radius: 3;
}

/* 复选框 */
.check-box {
    -fx-cursor: hand;
}
.check-box > .box {
    -fx-background-color: -fx-control-inner-background;
}
.check-box:selected:hover > .box > .mark {
    -fx-background-insets: 0 0 0 0, 0;
}

/* 菜单 */
.menu-item {
    -fx-cursor: hand;
    -fx-background-radius: 3px, 3px, 2px, 1px;
}
.menu-item:hover {
    -fx-background-color: -fx-accent;
}
.menu-item.selected {
    -fx-background-color: -fx-focus-color;
}

/** 下拉列表 */
.combo-box {
    -fx-cursor: hand;
    -fx-background-insets: 0, 0 0 0 0;
}
.combo-box-popup > .list-view {
    -fx-cursor: hand;
}

/* 树 */
.tree-view, .tree-view:focused {
    -fx-background-color: -fx-control-inner-background;
    -fx-padding: 0;
    -fx-font-size: 14px;
}
.tree-view:focused {
    -fx-background-color: -fx-control-inner-background;
}
.tree-cell {
    -fx-padding: 2.5;
    -fx-text-fill: #004E9A;
}
.tree-cell:filled:selected {
    -fx-background-color: #d3d3d3;
}
.tree-cell > .tree-disclosure-node > .arrow {
    -fx-background-color: black;
}
.tree-cell .key {
    -fx-text-fill: #A1121B;
}

/* tab-pan */
.tab-pane > .tab-header-area > .headers-region > .tab,
.tab-pane > .tab-header-area > .headers-region > .tab:selected {
    -fx-background-color: -fx-background;
    /*-fx-background-insets: 0 1 1 0, 1 2 0 1, 2 3 0 2;*/
    -fx-background-insets: 0;
    -fx-focus-color: -fx-background;
    -fx-cursor: hand;
}
.tab-pane > .tab-header-area > .headers-region > .tab:selected {
    -fx-background-color: -fx-accent;
}
.tab-pane > .tab-header-area > .headers-region > .tab:hover {
    -fx-background-color: derive(-fx-accent, +20%);
}
.tab-pane > .tab-header-area > .headers-region > .tab > .tab-container > .tab-close-button {
}
.tab-pane > .tab-header-area > .headers-region > .tab > .tab-container > .tab-close-button:hover {
}
.tab-pane:focused > .tab-header-area > .headers-region > .tab:selected .focus-indicator {
    -fx-border-width: 0;
}
.tab-pane > .tab-header-area > .tab-header-background {
    -fx-background-color: null;
}
.tab-pane > .tab-header-area {
    -fx-padding: 0;
    /*-fx-border-width: 0 0 1 0;*/
    /*-fx-border-color: #323232;*/
    -fx-border-color: transparent transparent -fx-shadow-highlight-color transparent,
    transparent transparent -fx-text-box-border transparent;
    -fx-border-insets: 0, 0 0 1 0;
}
.tab-pane > .tab-content-area {
    -fx-padding: 0 5 5 5;
    -fx-background-color: -fx-background;
}

/* MenuBar */
.menu-bar {
    -fx-padding: 0 5;
    -fx-background-color: -fx-base;
    -fx-background-insets: 0, 0 0 0 0;
    -fx-border-color: transparent transparent -fx-shadow-highlight-color transparent,
    transparent transparent -fx-text-box-border transparent;
    -fx-border-insets: 0, 0 0 1 0;
    /*-fx-font-size: 1.166em;*/
}

/* 编辑器 */
/* 行号 */
.lineno {
    -fx-background-color: -fx-base;
}
/* 文本框 */
.styled-text-area {
    -fx-background-color: white;
    -fx-cursor: text;
}
.styled-text-area .text {
    /*-fx-fill: #BABABA;*/
    -fx-font-family: Menlo;
    -fx-font-size: 14px;
}

.styled-text-area .text.keyword {
    -fx-fill: purple;
    -fx-font-weight: bold;
}
.styled-text-area .text.semicolon {
    -fx-font-weight: bold;
}
.styled-text-area .text.paren {
    -fx-fill: firebrick;
    -fx-font-weight: bold;
}
.styled-text-area .text.bracket {
    /*-fx-fill: darkgreen;*/
    -fx-font-weight: bold;
}
.styled-text-area .text.brace {
    /*-fx-fill: teal;*/
    -fx-font-weight: bold;
}
.styled-text-area .text.string {
    -fx-fill: blue;
}
.styled-text-area .text.comment {
    -fx-fill: cadetblue;
}

/** json */
.styled-text-area .text.key {
    -fx-fill: #A1121B;
}
.styled-text-area .text.value {
    -fx-fill: #004E9A;
}
/*!** xml *!*/
.styled-text-area .text.tagmark {
    -fx-fill: #8D127E;
}
.styled-text-area .text.anytag {
    -fx-fill: #8D127E;
}
.styled-text-area .text.attribute {
    -fx-fill: #9F4412;
}
.styled-text-area .text.avalue {
    -fx-fill: #2C34AC;
}
/* 当前行 */
.styled-text-area .paragraph-box {
    -fx-padding: -0.5 0 -0.5 0;
}
.styled-text-area .paragraph-box:has-caret {
    -fx-background-color: #D3D3D3;
}
.styled-text-area .paragraph-box .paragraph-text {
    -fx-line-spacing: 5px;
}
/* 光标 */
.styled-text-area .caret {
    -rtfx-blink-rate: 500ms;
    -fx-stroke-width: 1.0;
    /*-fx-stroke: black;*/
}
/* 选择的行 */
.styled-text-area .main-selection {
    -fx-fill: -fx-accent;
}
.styled-text-area .v {
    -fx-fill: text;
}
.styled-text-area .d {
    -fx-fill: #4CAFFB;
}
.styled-text-area .i {
    -fx-fill: #00B726;
}
.styled-text-area .w {
    -fx-fill: #DF5E1E;
}
.styled-text-area .e {
    -fx-fill: #FF231E;
}
.styled-text-area .f {
    -fx-fill: #FF231E;
}