add idea style css

This commit is contained in:
luhua 2023-03-05 15:51:43 +08:00
parent 48da8106a7
commit 83efc83c04
4 changed files with 200 additions and 2 deletions

View File

@ -4,9 +4,14 @@
<?import javafx.scene.control.*?>
<?import javafx.scene.layout.*?>
<?import javafx.scene.web.WebView?>
<AnchorPane prefHeight="654.0" prefWidth="1044.0" stylesheets="/com/xwintop/xJavaFxTool/fxmlView/plugin/main.css"
<?import java.net.URL?>
<AnchorPane prefHeight="654.0" prefWidth="1044.0"
xmlns="http://javafx.com/javafx/8.0.171" xmlns:fx="http://javafx.com/fxml/1"
fx:controller="com.xwintop.xJavaFxTool.controller.IndexController">
<stylesheets>
<URL value="@/css/ideaStyle.css"/>
<URL value="@/com/xwintop/xJavaFxTool/fxmlView/plugin/main.css"/>
</stylesheets>
<TabPane fx:id="tabPaneMain" tabClosingPolicy="ALL_TABS" tabMinWidth="45.0" AnchorPane.bottomAnchor="0.0"
AnchorPane.leftAnchor="0.0" AnchorPane.rightAnchor="0.0" AnchorPane.topAnchor="0.0">
<Tab closable="false" text="%start">

View File

@ -10,7 +10,11 @@
<?import javafx.scene.layout.BorderPane?>
<?import javafx.scene.layout.HBox?>
<?import java.net.URL?>
<BorderPane AnchorPane.bottomAnchor="10.0" AnchorPane.leftAnchor="10.0" AnchorPane.rightAnchor="10.0" AnchorPane.topAnchor="10.0" xmlns="http://javafx.com/javafx/8.0.171" xmlns:fx="http://javafx.com/fxml/1" fx:controller="com.xwintop.xJavaFxTool.controller.index.PluginManageController">
<stylesheets>
<URL value="@/css/ideaStyle.css"/>
</stylesheets>
<top>
<HBox alignment="CENTER_LEFT" spacing="5.0" BorderPane.alignment="CENTER">
<Label text="插件名:" />

View File

@ -63,4 +63,4 @@
.main-menu-bar .menu-item .label {
-fx-text-fill: inherit;
}
}

View File

@ -0,0 +1,189 @@
.root {
-fx-background-color: rgba(60, 63, 65, 1);
-fx-text-fill: rgba(131, 142, 149, 1);
}
Pane,AnchorPane,BorderPane {
-fx-background-color: rgba(60, 63, 65, 1);
}
.text {
-fx-fill: rgba(131, 142, 149, 1);
}
.button {
-fx-background-color: rgba(76, 80, 82, 1);
-fx-background-radius: 3px 3px 3px 3px;
-fx-text-fill: rgba(187, 187, 187, 1);
-fx-border-color: rgba(131, 142, 149, 1) rgba(131, 142, 149, 1) rgba(131, 142, 149, 1) rgba(131, 142, 149, 1);
-fx-border-radius: 3px 3px 3px 3px;
}
.button:focused {
-fx-border-color: rgba(75, 110, 175, 1) rgba(75, 110, 175, 1) rgba(75, 110, 175, 1) rgba(75, 110, 175, 1);
}
.text-input {
-fx-border-color: rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0);
-fx-background-color: rgba(69, 73, 74, 1);
-fx-text-fill: rgba(131, 142, 149, 1);
}
.text-input:focused {
-fx-border-color: rgba(75, 110, 175, 1) rgba(75, 110, 175, 1) rgba(75, 110, 175, 1) rgba(75, 110, 175, 1);
}
.text-area {
-fx-border-color: rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0);
-fx-background-color: rgba(60, 63, 65, 1);
}
.text-area .content {
-fx-background-color: rgba(43, 43, 43, 1);
}
.text-area .viewport {
-fx-background-color: rgba(43, 43, 43, 1);
}
.check-box .box {
-fx-background-color: rgba(60, 63, 65, 1);
-fx-border-color: rgba(131, 142, 149, 1) rgba(131, 142, 149, 1) rgba(131, 142, 149, 1) rgba(131, 142, 149, 1);
}
.check-box .box .mark {
-fx-text-fill: rgba(131, 142, 149, 1);
}
.toggle-button {
-fx-background-color: rgba(60, 63, 65, 1);
}
.toggle-button:hover {
-fx-background-color: rgba(53, 55, 57, 1);
}
.toggle-button:selected {
-fx-background-color: rgba(45, 47, 48, 1);
}
.radio-button .radio {
-fx-background-color: rgba(131, 142, 149, 1), rgba(60, 63, 65, 1);
}
.choice-box {
-fx-border-color: rgba(131, 142, 149, 1) rgba(131, 142, 149, 1) rgba(131, 142, 149, 1) rgba(131, 142, 149, 1);
-fx-background-color: rgba(69, 73, 74, 1);
-fx-text-fill: rgba(131, 142, 149, 1);
}
.choice-box:focused {
-fx-border-color: rgba(75, 110, 175, 1) rgba(75, 110, 175, 1) rgba(75, 110, 175, 1) rgba(75, 110, 175, 1);
}
.slider .track {
-fx-background-color: rgba(78, 82, 84, 1);
}
.slider .thumb {
-fx-background-color: rgba(131, 142, 149, 1);
}
.progress-bar .track {
-fx-background-color: rgba(78, 82, 84, 1);
}
.progress-bar .bar {
-fx-background-color: rgba(131, 142, 149, 1);
}
.menu-bar {
-fx-background-color: rgba(60, 63, 65, 1);
}
.menu-bar .menu {
-fx-background-color: rgba(60, 63, 65, 1);
}
.menu-bar .menu:hover {
-fx-background-color: rgba(70, 74, 77, 1);
}
.menu-bar .menu:showing {
-fx-background-color: rgba(75, 110, 175, 1);
}
.menu-bar .menu .context-menu {
-fx-background-color: rgba(60, 63, 65, 1);
}
.menu-bar .menu .menu-item {
-fx-background-color: rgba(60, 63, 65, 1);
}
.menu-bar .menu .menu-item:hover {
-fx-background-color: rgba(75, 110, 175, 1);
}
.scroll-bar {
-fx-background-color: rgba(0, 0, 0, 0);
}
.scroll-bar .thumb {
-fx-background-color: rgba(78, 78, 78, 1);
}
.scroll-bar .thumb:hover {
-fx-background-color: rgba(86, 86, 86, 1);
}
.list-view {
-fx-background-color: rgba(60, 63, 65, 1);
}
.list-view .list-cell {
-fx-background-color: rgba(60, 63, 65, 1);
}
.list-view .list-cell:hover {
-fx-background-color: rgba(70, 74, 77, 1);
}
.list-view .list-cell:selected {
-fx-background-color: rgba(75, 110, 175, 1);
}
.table-view {
-fx-background-color: rgba(60, 63, 65, 1);
}
.table-view .filler {
-fx-background-color: rgba(60, 63, 65, 1);
}
.table-view .column-header {
-fx-background-color: rgba(60, 63, 65, 1);
}
.table-view .table-row-cell {
-fx-background-insets: 0px 0px 0px 0px;
-fx-background-color: rgba(0, 0, 0, 0);
-fx-border-color: rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0);
}
.table-view .table-row-cell:hover {
-fx-background-color: rgba(70, 74, 77, 1);
}
.table-view .table-row-cell:selected {
-fx-background-color: rgba(75, 110, 175, 1);
}
.table-view .table-column {
-fx-border-color: rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0);
}
.table-view .placeholder .label {
-fx-font-size: 32px;
}
.table-view .placeholder .label .text {
-fx-text-fill: rgba(255, 0, 0, 1);
}
.tab-pane {
-fx-background-insets: 0px 0px 0px 0px;
}
.tab-pane .tab-label {
-fx-pref-width: 100px;
-fx-alignment: center;
}
.tab-pane .tab {
-fx-pref-height: 50px;
-fx-pref-width: 100px;
-fx-alignment: center;
-fx-padding: 0px 0px 0px 0px;
-fx-background-insets: 0px 0px 0px 0px;
-fx-background-color: rgba(60, 63, 65, 1);
-fx-background-radius: 0px 0px 0px 0px;
-fx-text-fill: rgba(255, 255, 255, 1);
-fx-border-width: 0px 0px 0px 0px;
}
.tab-pane .tab:hover {
-fx-background-color: rgba(39, 41, 42, 1);
-fx-cursor: HAND;
}
.tab-pane .tab:selected {
-fx-background-color: rgba(78, 82, 84, 1);
}
.tab-pane .tree-table-row-cell {
-fx-background-insets: 0px 0px 0px 0px;
}
.tab-pane .tab-header-background {
-fx-background-color: rgba(60, 63, 65, 1);
-fx-padding: 0px 0px 0px 0px;
-fx-background-insets: 0px 0px 0px 0px;
-fx-pref-height: 50px;
-fx-max-height: 50px;
-fx-min-height: 50px;
}
.tab-pane .tab-header-area {
-fx-padding: 0px 0px 0px 0px;
-fx-background-insets: 0px 0px 0px 0px;
-fx-background-color: rgba(60, 63, 65, 1);
}