📝 Added entire config directory for backup purposes
This commit is contained in:
z3rOR0ne
parent
4b38e59bb6
commit
9b946e2d14
11091 changed files with 1440953 additions and 0 deletions
19
.config/OpenToonz/stuff/config/qss/Default/less/.vscode/settings.json
vendored
Normal file
19
.config/OpenToonz/stuff/config/qss/Default/less/.vscode/settings.json
vendored
Normal file
|
|
@ -0,0 +1,19 @@
|
|||
{
|
||||
// [VSCode] 2 Spaces for Tab
|
||||
"editor.tabSize": 2,
|
||||
|
||||
// [EasyLess Extension] Compile Config
|
||||
"less.compile": {
|
||||
"compress": false,
|
||||
"sourceMap": false,
|
||||
"out": false
|
||||
},
|
||||
|
||||
// [Less IntelliSense Extension] Exclude Config
|
||||
"less.scannerExclude":[
|
||||
"**/.git",
|
||||
"**/.vscode",
|
||||
"**/layouts",
|
||||
"**/themes"
|
||||
]
|
||||
}
|
||||
576
.config/OpenToonz/stuff/config/qss/Default/less/Default.less
Normal file
576
.config/OpenToonz/stuff/config/qss/Default/less/Default.less
Normal file
|
|
@ -0,0 +1,576 @@
|
|||
// out: ../Default.qss
|
||||
|
||||
// -----------------------------------------------------------------------------
|
||||
// DEFAULT
|
||||
// -----------------------------------------------------------------------------
|
||||
// This is the default theme. All other themes derive from this.
|
||||
// -----------------------------------------------------------------------------
|
||||
|
||||
// Include All
|
||||
@import 'main';
|
||||
|
||||
// Resource Location
|
||||
@img-url: 'imgs/white';
|
||||
|
||||
@bg: #484848;
|
||||
@accent: darken(@bg, 11);
|
||||
@text-color: rgb(230, 230, 230);
|
||||
@text-color-disabled: fade(@text-color, 40);
|
||||
|
||||
@hl-bg-color: rgb(83, 133, 166);
|
||||
@hl-bg-color-disabled: darken(desaturate(@hl-bg-color, 15), 15);
|
||||
@hl-text-color: rgb(255, 255, 255);
|
||||
@hl-bg-color-secondary: rgba(255, 255, 255, 0.10);
|
||||
@hl-text-color-secondary: @text-color;
|
||||
|
||||
@dock-bg-color: darken(@bg, 16);
|
||||
@dock-placeholder-color: #f55454;
|
||||
@dialogButtonFrame-bg-color: darken(@bg, 4);
|
||||
|
||||
@tooltip-bg-color: #292B2D;
|
||||
@tooltip-border-color: #CFD1D4;
|
||||
@tooltip-text-color: #CFD2D4;
|
||||
|
||||
@label-title: rgb(159, 218, 255);
|
||||
@label-error: rgb(255, 0, 0);
|
||||
|
||||
// -----------------------------------------------------------------------------
|
||||
// Tabs
|
||||
// -----------------------------------------------------------------------------
|
||||
|
||||
@tabbar-bg-color: darken(@bg, 6);
|
||||
|
||||
// Tabs
|
||||
@tab-bg-color: @tabbar-bg-color;
|
||||
@tab-text-color: mix(@tab-bg-color, @text-color, 40);
|
||||
@tab-border-color: darken(@accent, 2);
|
||||
|
||||
@tab-bg-color-hover: lighten(@tab-bg-color, 5);
|
||||
@tab-border-color-hover: @tab-bg-color-hover;
|
||||
@tab-text-color-hover: @tab-text-color;
|
||||
|
||||
@tab-bg-color-selected: @bg;
|
||||
@tab-border-color-selected: @tab-bg-color-selected;
|
||||
@tab-text-color-selected: #fff;
|
||||
|
||||
// -----------------------------------------------------------------------------
|
||||
// Topbar & Workspaces
|
||||
// -----------------------------------------------------------------------------
|
||||
|
||||
// Topbar
|
||||
@topbar-bg-color: @bg;
|
||||
@topbar-border-color: @accent;
|
||||
|
||||
// Workspace Tabs
|
||||
@rooms-tab-bg-color: @tab-bg-color;
|
||||
@rooms-tab-text-color: @tab-text-color;
|
||||
@rooms-tab-bg-color-hover: @tab-bg-color-hover;
|
||||
@rooms-tab-bg-color-selected: @hl-bg-color;
|
||||
@rooms-tab-text-color-selected: @hl-text-color;
|
||||
@rooms-tab-border-color-selected: @rooms-tab-bg-color-selected;
|
||||
|
||||
// -----------------------------------------------------------------------------
|
||||
// Menu
|
||||
// -----------------------------------------------------------------------------
|
||||
|
||||
@menu-text-color: @text-color;
|
||||
@menu-bg-color: @bg;
|
||||
@menu-border-color: @accent;
|
||||
@menu-separator-color: @menu-border-color;
|
||||
|
||||
@menu-item-bg-color-selected: @hl-bg-color;
|
||||
@menu-item-text-color-selected: @hl-text-color;
|
||||
|
||||
@menu-checkbox-text-color-selected: @text-color;
|
||||
@menu-icon-checked-bg-color: @toolbutton-bg-color-checked;
|
||||
@menu-icon-checked-border-color: @toolbutton-border-color-checked;
|
||||
|
||||
// -----------------------------------------------------------------------------
|
||||
// Scrollbars
|
||||
// -----------------------------------------------------------------------------
|
||||
|
||||
// Container
|
||||
@scrollbar-bg-color: darken(@bg, 8);
|
||||
|
||||
// Handle
|
||||
@scrollbar-handle-border-size: 0;
|
||||
@scrollbar-handle-radius: 4;
|
||||
@scrollbar-handle-margin: 3;
|
||||
|
||||
@scrollbar-handle-bg-color: lighten(@bg, 8);
|
||||
@scrollbar-handle-border-color: @scrollbar-handle-bg-color;
|
||||
@scrollbar-handle-bg-color-hover: lighten(@scrollbar-handle-bg-color, 8);
|
||||
@scrollbar-handle-border-color-hover: @scrollbar-handle-bg-color-hover;
|
||||
@scrollbar-handle-bg-color-pressed: lighten(@scrollbar-handle-bg-color-hover, 8);
|
||||
@scrollbar-handle-border-color-pressed: @scrollbar-handle-bg-color-pressed;
|
||||
|
||||
// -----------------------------------------------------------------------------
|
||||
// Palette Window
|
||||
// -----------------------------------------------------------------------------
|
||||
|
||||
// All views (except list)
|
||||
@palette-SelectedBorderColor: rgb(255, 255, 255);
|
||||
@palette-NumpadShortcutBgColor: rgba(0, 0, 0, 0.3);
|
||||
@palette-NumpadShortcutBorderColor: rgb(141, 141, 141);
|
||||
|
||||
// List view
|
||||
@palette-SeparatorColor: @accent;
|
||||
@palette-SelectedCellColor: @hl-bg-color;
|
||||
@palette-CurrentCellColor: fade(@hl-bg-color, 50);
|
||||
@palette-ListNumpadShortcutBorderColor: rgb(175, 175, 175);
|
||||
|
||||
// -----------------------------------------------------------------------------
|
||||
// Button
|
||||
// -----------------------------------------------------------------------------
|
||||
|
||||
@button-bg-color: lighten(@bg, 11);
|
||||
@button-border-color: @bg;
|
||||
@button-border-width: 1;
|
||||
@button-text-color: lighten(@text-color, 5);
|
||||
|
||||
@button-bg-color-hover: lighten(@button-bg-color, 5);
|
||||
@button-border-color-hover: @button-border-color;
|
||||
@button-text-color-hover: @button-text-color;
|
||||
|
||||
@button-bg-color-pressed: darken(@button-bg-color, 22);
|
||||
@button-border-color-pressed: darken(@button-bg-color-pressed, 2);
|
||||
@button-text-color-pressed: @button-text-color;
|
||||
|
||||
@button-bg-color-checked: darken(@button-bg-color-pressed, 0);
|
||||
@button-border-color-checked: darken(@button-bg-color-checked, 2);
|
||||
@button-text-color-checked: @button-text-color;
|
||||
|
||||
@button-bg-color-checked-hover: lighten(@button-bg-color-checked, 8);
|
||||
@button-border-color-checked-hover: darken(@button-bg-color-checked-hover, 5);
|
||||
@button-bg-color-checked-hover-pressed: darken(@button-bg-color-checked-hover, 5);
|
||||
|
||||
@button-bg-color-focus: @hl-bg-color;
|
||||
@button-border-color-focus: @button-dialog-border-color;
|
||||
@button-text-color-focus: lighten(@button-text-color, 10);
|
||||
@button-bg-color-focus-hover: lighten(@button-bg-color-focus, 8);
|
||||
|
||||
@button-bg-color-disabled: lighten(@bg, 5);
|
||||
@button-border-color-disabled: @button-border-color;
|
||||
@button-text-color-disabled: @text-color-disabled;
|
||||
|
||||
// For QDialogs
|
||||
@button-dialog-border-color: @dialogButtonFrame-bg-color;
|
||||
|
||||
// Scrollable Buttons
|
||||
@scrollable-button-bg-color: @button-bg-color;
|
||||
@scrollable-button-bg-color-hover: @button-bg-color-hover;
|
||||
@scrollable-button-bg-color-pressed: @button-bg-color-pressed;
|
||||
@scrollable-button-border-color: @button-border-color;
|
||||
|
||||
// -----------------------------------------------------------------------------
|
||||
// Tool Buttons
|
||||
// -----------------------------------------------------------------------------
|
||||
|
||||
// Main
|
||||
@toolbutton-border-size: 1;
|
||||
@toolbutton-bg-color: transparent;
|
||||
@toolbutton-border-color: @toolbutton-bg-color;
|
||||
@toolbutton-text-color: @button-text-color;
|
||||
|
||||
@toolbutton-bg-color-hover: @button-bg-color-hover;
|
||||
@toolbutton-border-color-hover: @toolbutton-bg-color-hover;
|
||||
@toolbutton-text-color-hover: @button-text-color-hover;
|
||||
|
||||
@toolbutton-bg-color-pressed: @button-bg-color-pressed;
|
||||
@toolbutton-border-color-pressed: @button-border-color-pressed;
|
||||
@toolbutton-text-color-pressed: @button-text-color-pressed;
|
||||
|
||||
@toolbutton-bg-color-checked: @hl-bg-color;
|
||||
@toolbutton-border-color-checked: @toolbutton-bg-color-checked;
|
||||
@toolbutton-text-color-checked: @hl-text-color;
|
||||
|
||||
@toolbutton-bg-color-checked-hover: lighten(@toolbutton-bg-color-checked, 8);
|
||||
@toolbutton-border-color-checked-hover: @toolbutton-bg-color-checked-hover;
|
||||
|
||||
@toolbutton-bg-color-disabled: fade(@hl-bg-color, 40);
|
||||
@toolbutton-border-color-disabled: @toolbutton-bg-color-disabled;
|
||||
|
||||
// Lock
|
||||
@toolbutton-lock-bg-color-checked: #C34040;
|
||||
@toolbutton-lock-border-color-checked: @toolbutton-lock-bg-color-checked;
|
||||
@toolbutton-lock-bg-color-checked-hover: lighten(@toolbutton-lock-bg-color-checked, 15);
|
||||
@toolbutton-lock-border-color-checked-hover: @toolbutton-lock-bg-color-checked-hover;
|
||||
|
||||
// -----------------------------------------------------------------------------
|
||||
// ComboBox
|
||||
// -----------------------------------------------------------------------------
|
||||
|
||||
@combobox-dropdown-border-size: 0;
|
||||
@combobox-dropdown-border-radius: 1;
|
||||
@combobox-dropdown-border-color: @button-bg-color;
|
||||
@combobox-dropdown-border-color-hover: @button-bg-color-hover;
|
||||
|
||||
// For :editable ComboBox with LineEdit
|
||||
@combobox-dropdown-bg-color-hover-editable: @button-bg-color-hover;
|
||||
@combobox-dropdown-bg-color-disabled-editable: @button-bg-color-disabled;
|
||||
|
||||
// -----------------------------------------------------------------------------
|
||||
// Textfield
|
||||
// -----------------------------------------------------------------------------
|
||||
|
||||
@input-bg-color: darken(@bg, 10);
|
||||
@input-border-color: darken(@input-bg-color, 1);
|
||||
@input-border-radius: 2;
|
||||
@input-text-color: @text-color;
|
||||
|
||||
@input-bg-color-focus: @input-bg-color;
|
||||
@input-border-color-focus: @hl-bg-color;
|
||||
@input-text-color-focus: @input-text-color;
|
||||
|
||||
@input-bg-color-disabled: mix(@input-bg-color, @bg, 50);
|
||||
@input-border-color-disabled: mix(@input-border-color, @bg, 50);
|
||||
@input-text-color-disabled: @text-color-disabled;
|
||||
|
||||
// Text Selection
|
||||
@input-selection-text-color: @hl-text-color;
|
||||
@input-selection-bg-color: @hl-bg-color;
|
||||
|
||||
// -----------------------------------------------------------------------------
|
||||
// CheckBox
|
||||
// -----------------------------------------------------------------------------
|
||||
|
||||
@checkbox-size: 9;
|
||||
@checkbox-bg-color: @input-bg-color;
|
||||
@checkbox-border-color: @input-border-color;
|
||||
@checkbox-border-radius: 2;
|
||||
|
||||
@checkbox-bg-color-hover: @checkbox-bg-color;
|
||||
@checkbox-border-color-hover: lighten(@bg, 50);
|
||||
@checkbox-text-color-hover: lighten(@text-color, 25);
|
||||
|
||||
@checkbox-bg-color-checked: @hl-bg-color;
|
||||
@checkbox-border-color-checked: @checkbox-bg-color-checked;
|
||||
|
||||
@checkbox-bg-color-checked-hover: @checkbox-bg-color-checked;
|
||||
@checkbox-border-color-checked-hover: @checkbox-border-color-hover;
|
||||
|
||||
@checkbox-bg-color-disabled: @input-bg-color-disabled;
|
||||
@checkbox-border-color-disabled: @checkbox-bg-color-disabled;
|
||||
|
||||
@checkbox-bg-color-checked-disabled: lighten(@bg, 10);
|
||||
@checkbox-border-color-checked-disabled: @checkbox-bg-color-checked-disabled;
|
||||
|
||||
@checkbox-img: 'checkmark.svg';
|
||||
@checkbox-img-disabled: 'checkmark_disabled.svg';
|
||||
@checkbox-partially-img: 'checkpartially.svg';
|
||||
@checkbox-partially-img-disabled: 'checkpartially_disabled.svg';
|
||||
|
||||
// For RadioButton
|
||||
@radiobutton-img-unchecked: 'radiobutton_unchecked.svg';
|
||||
@radiobutton-img-unchecked-hover: 'radiobutton_unchecked_hover.svg';
|
||||
@radiobutton-img-unchecked-disabled: 'radiobutton_unchecked_disabled.svg';
|
||||
|
||||
@radiobutton-img-checked: 'radiobutton_checked.svg';
|
||||
@radiobutton-img-checked-disabled: 'radiobutton_checked_disabled.svg';
|
||||
|
||||
// -----------------------------------------------------------------------------
|
||||
// Slider
|
||||
// -----------------------------------------------------------------------------
|
||||
|
||||
// Single
|
||||
@slider-groove-img: 'slider-groove.svg';
|
||||
@slider-groove-img-disabled: 'slider-groove_disabled.svg';
|
||||
|
||||
@slider-handle-margin: -2 -1;
|
||||
@slider-handle-width: 10;
|
||||
@slider-handle-img: 'slider-handle.svg';
|
||||
@slider-handle-img-disabled: 'slider-handle_disabled.svg';
|
||||
|
||||
@slider-v-handle-margin: -1 -2;
|
||||
@slider-v-handle-img: 'slider-v-handle.svg';
|
||||
@slider-v-handle-img-disabled: 'slider-v-handle_disabled.svg';
|
||||
|
||||
// This one is used only for #ViewerFpsSlider
|
||||
@slider-handle-bg-color: lighten(@bg, 35);
|
||||
@slider-handle-border-color: @slider-handle-bg-color;
|
||||
|
||||
// DoublePairField, IntPairField
|
||||
@slider-groove-color: darken(@bg, 11);
|
||||
@slider-left-handle: @slider-handle-img;
|
||||
@slider-right-handle: @slider-handle-img;
|
||||
@slider-left-handle-disabled: @slider-handle-img-disabled;
|
||||
@slider-right-handle-disabled: @slider-handle-img-disabled;
|
||||
|
||||
// -----------------------------------------------------------------------------
|
||||
// Titlebars
|
||||
// -----------------------------------------------------------------------------
|
||||
|
||||
@title-bg-color: @tabbar-bg-color;
|
||||
@title-text-color: lighten(@bg, 30);
|
||||
@title-text-color-active: #fff;
|
||||
|
||||
@title-active-border-pixmap: 'none';
|
||||
@title-border-width: 1px;
|
||||
@title-border-color: @accent;
|
||||
|
||||
// Title pane icon colors
|
||||
@title-button-rollover-color: @button-bg-color-hover;
|
||||
@title-button-pressed-color: @hl-bg-color;
|
||||
@title-button-freeze-color: @toolbutton-lock-bg-color-checked;
|
||||
@title-button-preview-color: #1baf7e;
|
||||
|
||||
// -----------------------------------------------------------------------------
|
||||
// File Browser / Trees
|
||||
// -----------------------------------------------------------------------------
|
||||
|
||||
// Filebrowser window color
|
||||
@filebrowser-bg-color: @bg;
|
||||
|
||||
// Trees
|
||||
@tree-bg-color: darken(@bg, 10);
|
||||
@tree-bg-color-alt: lighten(@tree-bg-color, 3);
|
||||
@prefs-tree-bg-color: darken(@bg, 8);
|
||||
|
||||
// All Panes
|
||||
@browser-folder-text-color: @label-title;
|
||||
@browser-folder-text-color-selected: @hl-text-color;
|
||||
@browser-selected-item-bg-color: @hl-bg-color;
|
||||
|
||||
// Left Pane
|
||||
@browser-listview-bg-color: @tree-bg-color;
|
||||
@browser-listview-bg-color-alt: @browser-listview-bg-color;
|
||||
|
||||
// Right Pane: Order Column
|
||||
@browser-itemview-col-color: darken(@bg, 5);
|
||||
@browser-itemview-col-color-sorted: @browser-itemview-col-color;
|
||||
@browser-itemview-col-text-color: @text-color;
|
||||
@browser-itemview-col-border-color: @accent;
|
||||
@browser-itemview-col-relief-color: @browser-itemview-col-color;
|
||||
|
||||
// Right Pane: BG
|
||||
@browser-itemview-bg-color: darken(@bg, 5);
|
||||
@browser-itemview-bg-color-alt: lighten(@browser-itemview-bg-color, 3);
|
||||
|
||||
// -----------------------------------------------------------------------------
|
||||
// Viewer Window
|
||||
// -----------------------------------------------------------------------------
|
||||
|
||||
// FlipSlider
|
||||
@flipmarker-img: 'flipmarker.svg';
|
||||
@flipslider-img: 'flipslider.svg';
|
||||
@flipslider-base-color: darken(@bg, 10);
|
||||
@flipslider-notstarted-color: rgba(205, 101, 101, 0.78);
|
||||
@flipslider-started-color: rgb(26, 188, 63);
|
||||
@flipslider-finished-color: @flipslider-base-color;
|
||||
|
||||
// Ruler
|
||||
@viewer-ruler-bg-color: @bg;
|
||||
@viewer-ruler-scale-color: fade(@text-color, 70);
|
||||
@viewer-ruler-ToolOptionValues-color: darken(@bg, 50);
|
||||
@viewer-ruler-border-color: fade(@accent, 70);
|
||||
@viewer-ruler-handle-color: lighten(saturate(@hl-bg-color, 35), 15);
|
||||
@viewer-ruler-handle-drag-color: yellow;
|
||||
|
||||
// -----------------------------------------------------------------------------
|
||||
// Progress Bar
|
||||
// -----------------------------------------------------------------------------
|
||||
|
||||
@progressbar-bg-color: darken(@bg, 10);
|
||||
@progressbar-border-color: @accent;
|
||||
@progressbar-chunk-bg-color: rgb(21, 161, 54);
|
||||
@progressbar-chunk-border-color: @accent;
|
||||
|
||||
// -----------------------------------------------------------------------------
|
||||
// XSheet
|
||||
// -----------------------------------------------------------------------------
|
||||
|
||||
// XSheet Context Menus
|
||||
@xsheet-menu-preview-color: #E6E678;
|
||||
@xsheet-menu-lock-color: #F5F5F5;
|
||||
@xsheet-menu-camstand-color: #FFA480;
|
||||
@xsheet-menu-text-color: #000;
|
||||
|
||||
// XSheet Notes
|
||||
@xsheet-notes-text-color: #000;
|
||||
|
||||
// XSheet Spreadsheet Viewer
|
||||
@xsheet-text-color: @text-color;
|
||||
@xsheet-error-text-color: rgb(255, 123, 123);
|
||||
@xsheet-bg-color: darken(@bg, 3);
|
||||
@xsheet-empty-bg-color: @bg;
|
||||
@xsheet-LightLine-color: rgba(0, 0, 0, 0.2);
|
||||
@xsheet-MarkerLine-color: rgba(255, 255, 255, 0.15);
|
||||
@xsheet-VerticalLine-color: rgba(0, 0, 0, 0.3);
|
||||
@xsheet-VerticalLineHead-color: darken(@bg, 13);
|
||||
@xsheet-PreviewFrameText-color: @label-title;
|
||||
@xsheet-CurrentRowBG-color: fade(@hl-bg-color, 70);
|
||||
@xsheet-OnionSkinAreaBG-color: darken(@bg, 6);
|
||||
@xsheet-EmptyColumnHead-color: @bg;
|
||||
@xsheet-ColumnHeadPastelizer-color: rgba(0, 0, 0, 0);
|
||||
@xsheet-SelectedColumnHead-color: fade(tint(@cellHighlightTintColor, 80), 30);
|
||||
@xsheet-PlayRange-Color: @bg;
|
||||
@xsheet-LightBG-color: lighten(@bg, 65.8824);
|
||||
@xsheet-DarkBG-color: lighten(@bg, 60.0000);
|
||||
@xsheet-DarkLine-color: lighten(@bg, 30.5882);
|
||||
@xsheet-ColumnIconLine-color: @accent;
|
||||
|
||||
@xsheet-CellArea-bg-color-focus: rgb(0, 0, 0);
|
||||
@xsheet-CellFocus-color: #000;
|
||||
|
||||
@xsheet-FoldedColumnBG-color: lighten(@bg, 10);
|
||||
@xsheet-FoldedColumnLine-color: darken(@bg, 5);
|
||||
|
||||
// Level Type Colors Adjustment
|
||||
@columnBorderDesaturation: 0;
|
||||
@columnBorderDarkness: 10;
|
||||
@cellHighlightLightness: -20;
|
||||
@cellHighlightDesaturation: 8;
|
||||
@cellHighlightTintColor: @hl-bg-color;
|
||||
@cellHighlightTintAmount: 77;
|
||||
|
||||
@xsheet-EmptyCell-color: @xsheet-OnionSkinAreaBG-color;
|
||||
@xsheet-NotEmptyColumn-color: darken(@bg, 3);
|
||||
@xsheet-SelectedEmptyCell-color: fade(mix(lighten(@xsheet-EmptyCell-color, 20), @cellHighlightTintColor, 80), 50);
|
||||
|
||||
@xsheet-LevelColumn-color: #4C6E4C;
|
||||
@xsheet-VectorColumn-color: #7B7B4C;
|
||||
@xsheet-ChildColumn-color: #6b4e69;
|
||||
@xsheet-FullColorColumn-color: #657A96;
|
||||
@xsheet-FxColumn-color: #5e5645;
|
||||
@xsheet-ReferenceColumn-color: lighten(@bg, 5);
|
||||
@xsheet-PaletteColumn-color: #42756e;
|
||||
@xsheet-MeshColumn-color: #594d75;
|
||||
@xsheet-SoundTextColumn-color: #a7a7a7;
|
||||
@xsheet-SoundColumn-color: #578a8a;
|
||||
@xsheet-SoundColumnHL-color: #34FE5E;
|
||||
@xsheet-SoundColumnTrack-color: rgba(0,0,0,0.8);
|
||||
@xsheet-SoundPreviewTool-color: darken(@xsheet-SoundColumnTrack-color, 20);
|
||||
@xsheet-ActiveCamera-color: #4073a3;
|
||||
@xsheet-OtherCamera-color: #5e9aa3;
|
||||
@xsheet-Table-color: #62628c;
|
||||
@xsheet-Peg-color: #9f6e3c;
|
||||
|
||||
// Orientation: XSheet
|
||||
@xsheet-ColumnNameBg-color: rgba(0, 0, 0, 0);
|
||||
@xsheet-DragBarHighlight-color: rgba(255, 255, 255, 0.15);
|
||||
@xsheet-PreviewButtonBgOn-color: rgba(200, 200, 100, 1);
|
||||
@xsheet-CamstandButtonBgOn-color: rgba(235, 144, 107, 1);
|
||||
@xsheet-LockButtonBgOn-color: rgba(255, 255, 255, 0.6);
|
||||
@xsheet-ConfigButtonBg-color: rgba(255, 255, 255, 0);
|
||||
|
||||
// Orientation: Timeline
|
||||
@timeline-FrameRangeMarkerLine-color: lighten(@bg, 15);
|
||||
@timeline-IconLine-color: @xsheet-VerticalLine-color;
|
||||
|
||||
// -----------------------------------------------------------------------------
|
||||
// Schematic Viewer
|
||||
// -----------------------------------------------------------------------------
|
||||
|
||||
// Node Viewer
|
||||
@schematic-viewer-bg-color: darken(@bg, 5);
|
||||
@schematic-label-text-color: #a0e680;
|
||||
|
||||
// Help Button
|
||||
@schematic-help-button-bg-color: transparent;
|
||||
@schematic-help-button-bg-color-hover: @button-bg-color-hover;
|
||||
|
||||
// Node Type Colors Adjustment
|
||||
@nodeLightness: 0;
|
||||
@nodeSaturation: 0;
|
||||
|
||||
@schematic-TableColor: #62628c;
|
||||
@schematic-ActiveCameraColor: @xsheet-ActiveCamera-color;
|
||||
@schematic-OtherCameraColor: @xsheet-OtherCamera-color;
|
||||
@schematic-GroupColor: #3b6e9c;
|
||||
@schematic-PegColor: #9f6e3c;
|
||||
@schematic-SplineColor: #6a9d1c;
|
||||
@schematic-ActiveOutputcolor: @xsheet-ActiveCamera-color;
|
||||
@schematic-OtherOutputcolor: @xsheet-OtherCamera-color;
|
||||
@schematic-XsheetColor: #62628c;
|
||||
@schematic-PassThroughColor: #858585;
|
||||
@schematic-NormalFxColor: #5b90a3;
|
||||
@schematic-MacroFxColor: #815c79;
|
||||
@schematic-ImageAdjustFxColor: #656287;
|
||||
@schematic-LayerBlendingFxColor: #57958f;
|
||||
@schematic-MatteFxColor: #ae7171;
|
||||
|
||||
// Node Selected Color
|
||||
@schematic-SelectedBorderColor: rgb(255, 255, 255);
|
||||
|
||||
// All Node Link Colors
|
||||
@schematic-LinkColor: rgb(223, 223, 223);
|
||||
@schematic-SelectedLinkColor: cyan;
|
||||
|
||||
// Motion Path Link Colors
|
||||
@schematic-MotionPathLinkColor: #94ee1e;
|
||||
@schematic-MotionPathSelectedLinkColor: yellow;
|
||||
|
||||
// For Column Based Schematic Nodes: Use the Xsheet viewer colors by default
|
||||
@schematic-text-color: @xsheet-text-color;
|
||||
@schematic-VerticalLine-color: @xsheet-VerticalLine-color;
|
||||
|
||||
@schematic-PreviewButtonBgOn-color: @xsheet-PreviewButtonBgOn-color;
|
||||
@schematic-PreviewButtonBgOff-color: @xsheet-ReferenceColumn-color;
|
||||
@schematic-CamstandButtonBgOn-color: @xsheet-CamstandButtonBgOn-color;
|
||||
@schematic-CamstandButtonBgOff-color: @xsheet-ReferenceColumn-color;
|
||||
|
||||
// -----------------------------------------------------------------------------
|
||||
// Keyframes
|
||||
// -----------------------------------------------------------------------------
|
||||
|
||||
@keyframe-off-color: rgba(0, 0, 0, 0);
|
||||
@keyframe-off-color-hover: @toolbutton-bg-color-hover;
|
||||
@keyframe-off-border-color: @keyframe-off-color;
|
||||
@keyframe-off-border-color-hover: @keyframe-off-color-hover;
|
||||
|
||||
@keyframe-total-color: #be7323;
|
||||
@keyframe-total-color-hover: lighten(@keyframe-total-color, 10);
|
||||
@keyframe-total-border-color: @keyframe-total-color;
|
||||
@keyframe-total-border-color-hover: @keyframe-total-color-hover;
|
||||
|
||||
@keyframe-partial-color: @keyframe-total-color;
|
||||
@keyframe-partial-color-hover: @keyframe-total-color-hover;
|
||||
@keyframe-partial-border-color: @keyframe-partial-color;
|
||||
@keyframe-partial-border-color-hover: @keyframe-partial-color-hover;
|
||||
|
||||
// FX Settings Panel Only
|
||||
@keyframe-highlight-color: rgba(255, 255, 255, 0.3);
|
||||
@keyframe-highlight-border-color: @keyframe-highlight-color;
|
||||
@keyframe-inbetween-color: #80795b;
|
||||
@keyframe-inbetween-border-color: @keyframe-inbetween-color;
|
||||
@keyframe-modified-color: rgb(190, 176, 98);
|
||||
@keyframe-modified-border-color: @keyframe-modified-color;
|
||||
|
||||
// -----------------------------------------------------------------------------
|
||||
// Function Editor
|
||||
// -----------------------------------------------------------------------------
|
||||
|
||||
// Function Treeview
|
||||
@function-treeview-text-color: @text-color;
|
||||
|
||||
// Function Curve Panel
|
||||
@function-panel-bg-color: @xsheet-NotEmptyColumn-color;
|
||||
@function-panel-ValueLine-color: fade(@xsheet-LightLine-color, 10);
|
||||
@function-panel-FrameLine-color: fade(@xsheet-VerticalLine-color, 10);
|
||||
@function-panel-OtherCurves-color: lighten(@function-panel-bg-color, 30);
|
||||
@function-panel-RulerBG-color: darken(@function-panel-bg-color, 3);
|
||||
@function-panel-Text-color: @text-color;
|
||||
@function-panel-Sub-color: @function-panel-bg-color;
|
||||
@function-panel-Selected-color: #FFA500;
|
||||
|
||||
// Function Spreadsheet Viewer
|
||||
@function-LightLightBG-color: @xsheet-OnionSkinAreaBG-color;
|
||||
@function-SelectedSceneRangeEmpty-color: @xsheet-SelectedEmptyCell-color;
|
||||
@function-ColumnHeaderBorder-color: darken(@bg, 13);
|
||||
@function-ColumnHeaderBG-color: @xsheet-NotEmptyColumn-color;
|
||||
|
||||
// Keyframe Colors
|
||||
@function-KeyFrame-color: darken(desaturate(spin(@keyframe-total-color, 0.0000), 0.7570), 8.4314);
|
||||
@function-KeyFrameBorder-color: lighten(@function-KeyFrame-color, 20);
|
||||
@function-SelectedKeyFrame-color: mix(shade(@function-KeyFrame-color, -40), @cellHighlightTintColor, 60);
|
||||
@function-IgnoredKeyFrame-color: rgb(172,42,57);
|
||||
@function-SelectedIgnoredKeyFrame-color: mix(shade(@function-IgnoredKeyFrame-color, -40), @cellHighlightTintColor, 60);
|
||||
@function-Inbetween-color: darken(desaturate(spin(@keyframe-inbetween-color, 0.4423), 4.8071), 7.2549);
|
||||
@function-InbetweenBorder-color: lighten(@keyframe-inbetween-color, 20);
|
||||
@function-SelectedInbetween-color: mix(shade(@function-Inbetween-color, @cellHighlightLightness), @cellHighlightTintColor, @cellHighlightTintAmount);
|
||||
@function-IgnoredInbetween-color: rgb(138,105,94);
|
||||
@function-SelectedIgnoredInbetween-color: mix(shade(@function-IgnoredInbetween-color, @cellHighlightLightness), @cellHighlightTintColor, @cellHighlightTintAmount);
|
||||
|
||||
// Expression Field
|
||||
@function-ExpressionFieldBG-color: lighten(@bg, 61.9608);
|
||||
@function-ExpressionFieldBorder-color: darken(@bg, 8.2353);
|
||||
|
|
@ -0,0 +1,55 @@
|
|||
// -----------------------------------------------------------------------------
|
||||
// Generic Palette Reference
|
||||
// -----------------------------------------------------------------------------
|
||||
|
||||
// Intended as a color library for reference and legacy.
|
||||
// But these can also be called.
|
||||
|
||||
// Original Studio Ghibli Palette (v1.0.0 - v1.1.2)
|
||||
@palette-gray048: #303030;
|
||||
@palette-gray072: #484848;
|
||||
@palette-gray128: #808080;
|
||||
@palette-chetwode-blue: #80a0dc;
|
||||
@palette-water-leaf-blue: #96e6e6;
|
||||
@palette-spring-leaves: #5a8c78;
|
||||
@palette-blue-bayoux: #506082;
|
||||
@palette-yellow-green: #a0e680;
|
||||
@palette-pixie-green: #cddcc0;
|
||||
@palette-sunglo: #E66464;
|
||||
@palette-cold-turkey: #d3bfbf;
|
||||
|
||||
// Generic
|
||||
@palette-school-bus-yellow: #ffdc00;
|
||||
@palette-tangerine: #eb9405;
|
||||
@palette-orange: #FFA500;
|
||||
@palette-red: rgb(255, 0, 0);
|
||||
@palette-green: rgb(0, 255, 0);
|
||||
@palette-blue: rgb(0, 0, 255);
|
||||
@palette-dark-blue: #000eb6;
|
||||
@palette-very-dark-blue: #000080;
|
||||
@palette-white: #fff;
|
||||
@palette-black: #000;
|
||||
@palette-jaffa: #f5963c;
|
||||
@palette-chihiro: #ed6969;
|
||||
@palette-totoro: #626c63;
|
||||
@palette-kiki: #333544;
|
||||
@palette-aquamarine: #4affb8;
|
||||
@palette-wedgewood: #5483a6;
|
||||
@palette-horizon: #568fa4;
|
||||
@palette-lochmara: #0078d7;
|
||||
@palette-cornflower-blue: #3998d6;
|
||||
@palette-calypso: #3e8098;
|
||||
@palette-scooter: #33abcd;
|
||||
@palette-scooter-light: lighten(@palette-scooter, 25%);
|
||||
@palette-mamba: #a08ba3;
|
||||
@palette-bay-leaf: #80a893;
|
||||
@palette-regent-gray: #8b99a3;
|
||||
@palette-submarine: #b2bfc2;
|
||||
@palette-brandy-rose: #b88989;
|
||||
@palette-teak: #b88d70;
|
||||
@palette-lynch: #607388;
|
||||
@palette-classic: #aba8a6;
|
||||
|
||||
// Official Windows 10
|
||||
@palette-win10-selected: #cce8ff;
|
||||
@palette-win10-selected-border: #99d1ff;
|
||||
|
|
@ -0,0 +1,25 @@
|
|||
// -----------------------------------------------------------------------------
|
||||
// Mixins & Functions
|
||||
// -----------------------------------------------------------------------------
|
||||
|
||||
// Common Typography
|
||||
// -----------------------------------------------------------------------------
|
||||
|
||||
// Calls the code font
|
||||
.text-code() {
|
||||
font-family: 'Courier New', monospace;
|
||||
}
|
||||
|
||||
// Selected Objects and Hover States
|
||||
// -----------------------------------------------------------------------------
|
||||
|
||||
// Calls the primary selected object style
|
||||
.hl-color() {
|
||||
background-color: @hl-bg-color;
|
||||
color: @hl-text-color;
|
||||
}
|
||||
// Calls the secondary selected object style
|
||||
.hl-color-secondary() {
|
||||
background-color: @hl-bg-color-secondary;
|
||||
color: @hl-text-color-secondary;
|
||||
}
|
||||
|
|
@ -0,0 +1,8 @@
|
|||
// -----------------------------------------------------------------------------
|
||||
// Components
|
||||
// -----------------------------------------------------------------------------
|
||||
|
||||
@import 'buttons';
|
||||
@import 'frames';
|
||||
@import 'icons';
|
||||
@import 'tabs';
|
||||
|
|
@ -0,0 +1,56 @@
|
|||
/* -----------------------------------------------------------------------------
|
||||
Component: Button Styles
|
||||
----------------------------------------------------------------------------- */
|
||||
|
||||
// Tool Button
|
||||
// -----------------------------------------------------------------------------
|
||||
|
||||
.button-tool {
|
||||
background-color: @toolbutton-bg-color;
|
||||
border: 1 solid @toolbutton-border-color;
|
||||
border-radius: 2;
|
||||
color: @toolbutton-text-color;
|
||||
&:hover {
|
||||
background-color: @toolbutton-bg-color-hover;
|
||||
border-color: @toolbutton-border-color-hover;
|
||||
color: @toolbutton-text-color-hover;
|
||||
}
|
||||
&:pressed {
|
||||
background-color: @toolbutton-bg-color-pressed;
|
||||
border-color: @toolbutton-border-color-pressed;
|
||||
color: @toolbutton-text-color-pressed;
|
||||
}
|
||||
&:checked {
|
||||
background-color: @toolbutton-bg-color-checked;
|
||||
border-color: @toolbutton-border-color-checked;
|
||||
color: @toolbutton-text-color-checked;
|
||||
&:hover {
|
||||
background-color: @toolbutton-bg-color-checked-hover;
|
||||
border-color: @toolbutton-border-color-checked-hover;
|
||||
}
|
||||
}
|
||||
&:disabled {
|
||||
color: @text-color-disabled;
|
||||
&:checked {
|
||||
background-color: @toolbutton-bg-color-disabled;
|
||||
border-color: @toolbutton-border-color-disabled;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
// Flat Button
|
||||
// -----------------------------------------------------------------------------
|
||||
// This is a flat style with no border and no margin, for use in tight areas.
|
||||
|
||||
.button-flat {
|
||||
background-color: none;
|
||||
border: 0;
|
||||
border-radius: 0;
|
||||
margin: 0;
|
||||
&:hover {
|
||||
background-color: @toolbutton-bg-color-hover;
|
||||
}
|
||||
&:pressed {
|
||||
background-color: @accent;
|
||||
}
|
||||
}
|
||||
|
|
@ -0,0 +1,11 @@
|
|||
/* -----------------------------------------------------------------------------
|
||||
Component: Frames
|
||||
----------------------------------------------------------------------------- */
|
||||
|
||||
// this is a basic bounding box
|
||||
// ideal for groupboxes etc
|
||||
|
||||
.frame {
|
||||
border: 1 solid @accent;
|
||||
border-radius: 2;
|
||||
}
|
||||
|
|
@ -0,0 +1,43 @@
|
|||
/* -----------------------------------------------------------------------------
|
||||
Component: Icons
|
||||
----------------------------------------------------------------------------- */
|
||||
|
||||
// Lock
|
||||
// -----------------------------------------------------------------------------
|
||||
|
||||
.icon-lock() {
|
||||
border: @toolbutton-border-size solid @toolbutton-border-color;
|
||||
height: 18;
|
||||
padding: 0 -1 0 1;
|
||||
width: 19;
|
||||
margin-left: 1;
|
||||
&:unchecked {
|
||||
image: url('@{img-url}/lock.svg');
|
||||
&:hover {
|
||||
image: url('@{img-url}/lock_over.svg');
|
||||
}
|
||||
}
|
||||
&:checked {
|
||||
background-color: @toolbutton-lock-bg-color-checked;
|
||||
border-color: @toolbutton-lock-border-color-checked;
|
||||
image: url('@{img-url}/lock_on.svg');
|
||||
&:hover {
|
||||
background-color: @toolbutton-lock-bg-color-checked-hover;
|
||||
border-color: @toolbutton-lock-border-color-checked-hover;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
// Force Square Pixel
|
||||
// -----------------------------------------------------------------------------
|
||||
|
||||
.icon-fsp() {
|
||||
height: 16;
|
||||
border: @toolbutton-border-size solid @toolbutton-border-color;
|
||||
image: url('@{img-url}/fsp_unchecked.svg');
|
||||
padding: 2;
|
||||
width: 16;
|
||||
&:checked {
|
||||
image: url('@{img-url}/fsp_checked.svg');
|
||||
}
|
||||
}
|
||||
|
|
@ -0,0 +1,75 @@
|
|||
/* -----------------------------------------------------------------------------
|
||||
Component: Tabs
|
||||
----------------------------------------------------------------------------- */
|
||||
|
||||
// Container
|
||||
// -----------------------------------------------------------------------------
|
||||
|
||||
.tab-container {
|
||||
background-color: @tabbar-bg-color;
|
||||
qproperty-BottomAboveLineColor: @tabbar-bg-color;
|
||||
qproperty-BottomBelowLineColor: @accent;
|
||||
}
|
||||
|
||||
// Flat Tabs
|
||||
// -----------------------------------------------------------------------------
|
||||
|
||||
.tab-flat {
|
||||
@horizontal-padding: 4;
|
||||
background-color: @tab-bg-color;
|
||||
border-right: 1 solid @tab-border-color;
|
||||
border-bottom: 1 solid @accent;
|
||||
color: @tab-text-color;
|
||||
padding: 3 @horizontal-padding 3 @horizontal-padding;
|
||||
&:hover {
|
||||
background-color: @tab-bg-color-hover;
|
||||
color: @tab-text-color-hover;
|
||||
}
|
||||
&:selected {
|
||||
background-color: @tab-bg-color-selected;
|
||||
color: @tab-text-color-selected;
|
||||
border-bottom-color: @tab-bg-color-selected;
|
||||
}
|
||||
&:only-one {
|
||||
margin: 0;
|
||||
}
|
||||
}
|
||||
|
||||
// Rounded Tabs
|
||||
// -----------------------------------------------------------------------------
|
||||
|
||||
.tab-round {
|
||||
@horizontal-padding: 7;
|
||||
background-color: @tab-bg-color;
|
||||
border-top: 1 solid @accent;
|
||||
border-right: 1 solid @accent;
|
||||
border-left: 1 solid @accent;
|
||||
border-bottom: 1 solid @accent;
|
||||
color: @tab-text-color;
|
||||
margin: 3 -1 0 0;
|
||||
padding: 2 @horizontal-padding 1 @horizontal-padding;
|
||||
&:hover {
|
||||
background-color: @tab-bg-color-hover;
|
||||
color: @tab-text-color-hover;
|
||||
}
|
||||
&:selected {
|
||||
background-color: @tab-bg-color-selected;
|
||||
border-top-right-radius: 2;
|
||||
border-top-left-radius: 2;
|
||||
border-bottom-color: @tab-bg-color-selected;
|
||||
color: @tab-text-color-selected;
|
||||
margin: 1 -1 -1 0;
|
||||
padding: 2 @horizontal-padding 2 @horizontal-padding;
|
||||
}
|
||||
&:only-one {
|
||||
margin: 1 0 0 0;
|
||||
padding: 3 @horizontal-padding 3 @horizontal-padding;
|
||||
}
|
||||
&:last {
|
||||
margin-right: 0;
|
||||
border-top-right-radius: 2;
|
||||
}
|
||||
&:first {
|
||||
border-top-left-radius: 2;
|
||||
}
|
||||
}
|
||||
|
|
@ -0,0 +1,21 @@
|
|||
// -----------------------------------------------------------------------------
|
||||
// Layouts
|
||||
// -----------------------------------------------------------------------------
|
||||
|
||||
// Load MainWindow First (Important)
|
||||
@import 'mainwindow';
|
||||
|
||||
// Load All
|
||||
@import 'controls';
|
||||
@import 'filebrowser';
|
||||
@import 'filmstrip';
|
||||
@import 'format';
|
||||
@import 'misc';
|
||||
@import 'palette';
|
||||
@import 'popups';
|
||||
@import 'schematic';
|
||||
@import 'scriptconsole';
|
||||
@import 'taskviewer';
|
||||
@import 'toolbar';
|
||||
@import 'viewer';
|
||||
@import 'xsheet';
|
||||
|
|
@ -0,0 +1,390 @@
|
|||
|
||||
// Note: The compiler has trouble with Qt names when they have been extended to
|
||||
// so we extend Qt names to mixins as a workaround for now.
|
||||
|
||||
/* -----------------------------------------------------------------------------
|
||||
Push Button
|
||||
----------------------------------------------------------------------------- */
|
||||
|
||||
.Button {
|
||||
background-color: @button-bg-color;
|
||||
border-color: @button-border-color;
|
||||
border-width: @button-border-width;
|
||||
border-style: solid;
|
||||
border-radius: 2;
|
||||
color: @button-text-color;
|
||||
margin: 0;
|
||||
padding: 3 15;
|
||||
&:hover {
|
||||
background-color: @button-bg-color-hover;
|
||||
border-color: @button-border-color-hover;
|
||||
color: @button-text-color-hover;
|
||||
}
|
||||
&:pressed {
|
||||
background-color: @button-bg-color-pressed;
|
||||
border-color: @button-border-color-pressed;
|
||||
color: @button-text-color-pressed;
|
||||
}
|
||||
&:checked {
|
||||
background-color: @button-bg-color-checked;
|
||||
border-color: @button-border-color-checked;
|
||||
color: @button-text-color-checked;
|
||||
&:hover {
|
||||
background-color: @button-bg-color-checked-hover;
|
||||
border-color: @button-border-color-checked-hover;
|
||||
&:pressed {
|
||||
background: @button-bg-color-checked-hover-pressed;
|
||||
}
|
||||
}
|
||||
}
|
||||
&:disabled {
|
||||
background-color: @button-bg-color-disabled;
|
||||
border-color: @button-border-color-disabled;
|
||||
color: @button-text-color-disabled;
|
||||
}
|
||||
}
|
||||
|
||||
QPushButton {
|
||||
&:extend(.Button all);
|
||||
}
|
||||
|
||||
#PushButton_NoPadding {
|
||||
padding: 3;
|
||||
}
|
||||
|
||||
/* -----------------------------------------------------------------------------
|
||||
ComboBox
|
||||
----------------------------------------------------------------------------- */
|
||||
|
||||
.ComboBox {
|
||||
&:extend(.Button);
|
||||
padding: 1 0 1 4;
|
||||
margin: 1 0;
|
||||
&:editable { /* for editable ComboBox */
|
||||
color: @input-text-color;
|
||||
background-color: @input-bg-color;
|
||||
border-color: @input-border-color;
|
||||
padding: 1 0 1 3;
|
||||
selection-background-color: @input-selection-bg-color;
|
||||
selection-color: @input-selection-text-color;
|
||||
}
|
||||
&:hover {
|
||||
background-color: @button-bg-color-hover;
|
||||
&:editable {
|
||||
background-color: @input-bg-color;
|
||||
}
|
||||
}
|
||||
&:checked {
|
||||
border-color: @input-border-color-focus;
|
||||
}
|
||||
&:focus {
|
||||
border-color: @input-border-color-focus;
|
||||
}
|
||||
&:disabled {
|
||||
&:extend(.Button:disabled);
|
||||
}
|
||||
&::drop-down {
|
||||
border: 0;
|
||||
image: url('@{img-url}/combo_downarrow.svg');
|
||||
image-position: center center;
|
||||
width: 16;
|
||||
&:editable {
|
||||
background-color: @button-bg-color;
|
||||
border-left: @combobox-dropdown-border-size solid @button-border-color;
|
||||
border-top-right-radius: @combobox-dropdown-border-radius;
|
||||
border-bottom-right-radius: @combobox-dropdown-border-radius;
|
||||
}
|
||||
&:hover {
|
||||
border-color: @combobox-dropdown-border-color-hover;
|
||||
&:editable {
|
||||
background-color: @button-bg-color-hover;
|
||||
border-color: @button-border-color;
|
||||
}
|
||||
}
|
||||
&:disabled {
|
||||
image: url('@{img-url}/combo_downarrow_disabled.svg');
|
||||
&:editable {
|
||||
background-color: @combobox-dropdown-bg-color-disabled-editable;
|
||||
}
|
||||
}
|
||||
}
|
||||
& QAbstractItemView {
|
||||
background-color: @menu-bg-color;
|
||||
border: 1 solid @menu-border-color;
|
||||
selection-background-color: @menu-item-bg-color-selected;
|
||||
selection-color: @menu-item-text-color-selected;
|
||||
}
|
||||
}
|
||||
|
||||
QComboBox {
|
||||
&:extend(.ComboBox all);
|
||||
}
|
||||
|
||||
/* -----------------------------------------------------------------------------
|
||||
Textfield
|
||||
----------------------------------------------------------------------------- */
|
||||
|
||||
.LineEdit {
|
||||
background-color: @input-bg-color;
|
||||
border: 1 solid @input-border-color;
|
||||
border-radius: @input-border-radius;
|
||||
color: @input-text-color;
|
||||
selection-background-color: @input-selection-bg-color;
|
||||
selection-color: @input-selection-text-color;
|
||||
padding: 0 0 0 1;
|
||||
&:focus {
|
||||
background-color: @input-bg-color-focus;
|
||||
border-color: @input-border-color-focus;
|
||||
color: @input-text-color-focus;
|
||||
}
|
||||
&:disabled {
|
||||
background-color: @input-bg-color-disabled;
|
||||
border-color: @input-border-color-disabled;
|
||||
color: @input-text-color-disabled;
|
||||
}
|
||||
}
|
||||
|
||||
QPlainTextEdit,
|
||||
QLineEdit,
|
||||
QTextEdit {
|
||||
&:extend(.LineEdit all);
|
||||
}
|
||||
|
||||
// reset all styles for read-only QtextEdit
|
||||
QTextEdit[readOnly="true"]{
|
||||
&:extend(QWidget all);
|
||||
border: 0;
|
||||
&:focus,
|
||||
&:disabled {
|
||||
background-color: @bg;
|
||||
color: @text-color;
|
||||
border: 0;
|
||||
}
|
||||
}
|
||||
|
||||
/* -----------------------------------------------------------------------------
|
||||
CheckBox
|
||||
----------------------------------------------------------------------------- */
|
||||
|
||||
.CheckBox {
|
||||
color: @text-color;
|
||||
&:hover {
|
||||
color: @checkbox-text-color-hover;
|
||||
}
|
||||
&:disabled {
|
||||
color: @text-color-disabled;
|
||||
}
|
||||
&::indicator {
|
||||
background-color: @checkbox-bg-color;
|
||||
border: 1 solid @checkbox-border-color;
|
||||
border-radius: @checkbox-border-radius;
|
||||
height: @checkbox-size; /* fix for QGroupBox */
|
||||
padding: 1;
|
||||
width: @checkbox-size; /* fix for QMenu */
|
||||
&:hover {
|
||||
background-color: @checkbox-bg-color-hover;
|
||||
border-color: @checkbox-border-color-hover;
|
||||
}
|
||||
&:checked {
|
||||
background-color: @checkbox-bg-color-checked;
|
||||
border-color: @checkbox-border-color-checked;
|
||||
image: url('@{img-url}/@{checkbox-img}');
|
||||
&:hover {
|
||||
&:extend(.CheckBox::indicator:hover);
|
||||
background-color: @checkbox-bg-color-checked-hover;
|
||||
border-color: @checkbox-border-color-checked-hover;
|
||||
}
|
||||
&:disabled {
|
||||
background-color: @checkbox-bg-color-checked-disabled;
|
||||
border-color: @checkbox-border-color-checked-disabled;
|
||||
image: url('@{img-url}/@{checkbox-img-disabled}');
|
||||
}
|
||||
}
|
||||
&:indeterminate {
|
||||
background-color: @checkbox-bg-color-checked;
|
||||
border-color: @checkbox-border-color-checked;
|
||||
image: url('@{img-url}/@{checkbox-partially-img}');
|
||||
&:hover {
|
||||
&:extend(.CheckBox::indicator:hover);
|
||||
}
|
||||
&:disabled {
|
||||
background-color: @checkbox-bg-color-checked-disabled;
|
||||
border-color: @checkbox-border-color-checked-disabled;
|
||||
image: url('@{img-url}/@{checkbox-partially-img-disabled}');
|
||||
}
|
||||
}
|
||||
&:disabled {
|
||||
background-color: @checkbox-bg-color-disabled;
|
||||
border-color: @checkbox-border-color-disabled;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
QCheckBox {
|
||||
&:extend(.CheckBox all);
|
||||
}
|
||||
|
||||
/* -----------------------------------------------------------------------------
|
||||
RadioButton
|
||||
----------------------------------------------------------------------------- */
|
||||
|
||||
.RadioButton {
|
||||
color: @text-color;
|
||||
&:hover {
|
||||
color: @checkbox-text-color-hover;
|
||||
}
|
||||
&:checked {
|
||||
color: @text-color;
|
||||
}
|
||||
&:disabled {
|
||||
color: @text-color-disabled;
|
||||
}
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
&::indicator {
|
||||
@size: 13;
|
||||
width: @size;
|
||||
height: @size;
|
||||
background-color: transparent;
|
||||
border: 0;
|
||||
image-position: center center;
|
||||
&:unchecked {
|
||||
image: url('@{img-url}/@{radiobutton-img-unchecked}');
|
||||
&:hover {
|
||||
image: url('@{img-url}/@{radiobutton-img-unchecked-hover}');
|
||||
}
|
||||
}
|
||||
&:checked {
|
||||
image: url('@{img-url}/@{radiobutton-img-checked}');
|
||||
&:disabled {
|
||||
background-color: transparent;
|
||||
image: url('@{img-url}/@{radiobutton-img-checked-disabled}');
|
||||
}
|
||||
}
|
||||
&:disabled {
|
||||
image: url('@{img-url}/@{radiobutton-img-unchecked-disabled}');
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
QRadioButton {
|
||||
&:extend(.RadioButton all);
|
||||
}
|
||||
|
||||
/* -----------------------------------------------------------------------------
|
||||
GroupBox
|
||||
----------------------------------------------------------------------------- */
|
||||
|
||||
.GroupBox {
|
||||
&:extend(.frame all);
|
||||
margin: 6 0 0 0;
|
||||
padding: 5 0;
|
||||
&::title {
|
||||
subcontrol-origin: margin;
|
||||
left: 15;
|
||||
margin: -3 0 0 0;
|
||||
padding: 0 3;
|
||||
&:hover {
|
||||
color: @checkbox-text-color-hover;
|
||||
}
|
||||
&:disabled {
|
||||
color: @text-color-disabled;
|
||||
}
|
||||
}
|
||||
&::indicator {
|
||||
&:extend(.CheckBox::indicator all);
|
||||
subcontrol-origin: margin;
|
||||
margin-top: 2;
|
||||
}
|
||||
&:disabled {
|
||||
color: @text-color-disabled;
|
||||
}
|
||||
}
|
||||
|
||||
QGroupBox {
|
||||
&:extend(.GroupBox all);
|
||||
}
|
||||
|
||||
/* -----------------------------------------------------------------------------
|
||||
Slider
|
||||
----------------------------------------------------------------------------- */
|
||||
|
||||
.Slider {
|
||||
&::groove{
|
||||
background-color: transparent;
|
||||
background-image: url('@{img-url}/@{slider-groove-img}');
|
||||
background-position: center center;
|
||||
margin: 0;
|
||||
&:horizontal {
|
||||
background-repeat: repeat-x;
|
||||
height: 20;
|
||||
min-height: 20;
|
||||
}
|
||||
&:vertical {
|
||||
background-repeat: repeat-y;
|
||||
width: 20;
|
||||
min-width: 20;
|
||||
}
|
||||
&:disabled {
|
||||
background-image: url('@{img-url}/@{slider-groove-img-disabled}');
|
||||
}
|
||||
}
|
||||
&::handle{
|
||||
&:horizontal {
|
||||
margin: @slider-handle-margin;
|
||||
width: @slider-handle-width;
|
||||
image: url('@{img-url}/@{slider-handle-img}');
|
||||
&:disabled {
|
||||
image: url('@{img-url}/@{slider-handle-img-disabled}');
|
||||
}
|
||||
}
|
||||
&:vertical {
|
||||
margin: @slider-v-handle-margin;
|
||||
height: @slider-handle-width;
|
||||
image: url('@{img-url}/@{slider-v-handle-img}');
|
||||
&:disabled {
|
||||
image: url('@{img-url}/@{slider-v-handle-img-disabled}');
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
QSlider {
|
||||
&:extend(.Slider all);
|
||||
}
|
||||
|
||||
/* -----------------------------------------------------------------------------
|
||||
Double Slider
|
||||
----------------------------------------------------------------------------- */
|
||||
|
||||
#IntPairField,
|
||||
#DoublePairField {
|
||||
qproperty-LightLineColor: @slider-groove-color;
|
||||
qproperty-LightLineEdgeColor: @slider-groove-color;
|
||||
qproperty-DarkLineColor: @slider-groove-color;
|
||||
qproperty-MiddleLineColor: @slider-groove-color;
|
||||
|
||||
qproperty-HandleLeftPixmap: url("@{img-url}/@{slider-left-handle}");
|
||||
qproperty-HandleRightPixmap: url("@{img-url}/@{slider-right-handle}");
|
||||
|
||||
qproperty-HandleLeftGrayPixmap: url("@{img-url}/@{slider-left-handle-disabled}");
|
||||
qproperty-HandleRightGrayPixmap: url("@{img-url}/@{slider-right-handle-disabled}");
|
||||
}
|
||||
|
||||
/* -----------------------------------------------------------------------------
|
||||
Progress Bar
|
||||
----------------------------------------------------------------------------- */
|
||||
|
||||
QProgressBar {
|
||||
text-align: center;
|
||||
background-color: @progressbar-bg-color;
|
||||
border: 1 solid @progressbar-border-color;
|
||||
border-radius: 3; /* 2 fits inside 3 */
|
||||
padding: 0;
|
||||
&::chunk {
|
||||
margin: -1; /* hide border of chunk except for right side */
|
||||
background-color: @progressbar-chunk-bg-color;
|
||||
border: 1 solid @progressbar-chunk-border-color;
|
||||
border-radius: 2;
|
||||
}
|
||||
}
|
||||
|
|
@ -0,0 +1,107 @@
|
|||
/* -----------------------------------------------------------------------------
|
||||
File Browser
|
||||
----------------------------------------------------------------------------- */
|
||||
|
||||
/* Left Pane
|
||||
----------------------------------------------------------------------------- */
|
||||
|
||||
#DirTreeView {
|
||||
background-color: @browser-listview-bg-color;
|
||||
alternate-background-color: @browser-listview-bg-color;
|
||||
border: 1 solid @accent;
|
||||
border-right: 0;
|
||||
}
|
||||
|
||||
/* Right Pane
|
||||
----------------------------------------------------------------------------- */
|
||||
|
||||
DvItemViewerPanel {
|
||||
background-color: @browser-itemview-bg-color;
|
||||
qproperty-TextColor: @text-color;
|
||||
qproperty-AlternateBackground: @browser-itemview-bg-color-alt;
|
||||
qproperty-SelectedTextColor: @hl-text-color;
|
||||
qproperty-FolderTextColor: @browser-folder-text-color;
|
||||
qproperty-SelectedItemBackground: @browser-selected-item-bg-color;
|
||||
}
|
||||
DvItemViewerTitleBar {
|
||||
qproperty-ColColor: @browser-itemview-col-color;
|
||||
qproperty-ColSortedColor: @browser-itemview-col-color-sorted;
|
||||
qproperty-ColTextColor: @browser-itemview-col-text-color;
|
||||
qproperty-ColBorderColor: @browser-itemview-col-border-color;
|
||||
}
|
||||
|
||||
#FileBrowser {
|
||||
background-color: @filebrowser-bg-color;
|
||||
& QLabel {
|
||||
background-color: transparent;
|
||||
}
|
||||
& QToolBar {
|
||||
background-color: @filebrowser-bg-color;
|
||||
& QToolButton {
|
||||
&:extend(.button-tool all);
|
||||
}
|
||||
}
|
||||
//& #buttonBar {}
|
||||
#castFrame {
|
||||
border-top: 1 solid @accent;
|
||||
border-right: 1 solid @accent;
|
||||
border-bottom: 1 solid @accent;
|
||||
margin: 0;
|
||||
}
|
||||
}
|
||||
|
||||
//#DvItemViewerButtonBar {}
|
||||
|
||||
#LoadLevelFrame {
|
||||
&:extend(.frame all);
|
||||
}
|
||||
|
||||
#PsdSettingsGroupBox {
|
||||
&:extend(.frame all);
|
||||
}
|
||||
|
||||
StyledTreeView {
|
||||
qproperty-TextColor: @text-color;
|
||||
qproperty-SelectedTextColor: @hl-text-color;
|
||||
qproperty-SelectedItemBackground: @hl-bg-color;
|
||||
qproperty-FolderTextColor: @browser-folder-text-color;
|
||||
qproperty-SelectedFolderTextColor: @browser-folder-text-color-selected;
|
||||
alternate-background-color: @tree-bg-color-alt;
|
||||
background-color: @tree-bg-color;
|
||||
border: 1 solid @accent;
|
||||
}
|
||||
|
||||
#FileDoesNotExistLabel {
|
||||
color: @label-error;
|
||||
}
|
||||
|
||||
/* -----------------------------------------------------------------------------
|
||||
Scene Cast
|
||||
----------------------------------------------------------------------------- */
|
||||
|
||||
#SceneCast {
|
||||
& QToolBar {
|
||||
border-top: 1 solid @accent;
|
||||
&::separator {
|
||||
&:horizontal {
|
||||
margin-left: 2;
|
||||
margin-right: 0;
|
||||
}
|
||||
}
|
||||
}
|
||||
& QToolButton {
|
||||
margin: 3 0 2 2;
|
||||
padding: 1;
|
||||
}
|
||||
}
|
||||
|
||||
#CastBrowser {
|
||||
border: 0;
|
||||
margin: 0;
|
||||
& QSplitter::handle {
|
||||
height: 4;
|
||||
}
|
||||
}
|
||||
#CastBrowserFolderName {
|
||||
border-bottom: 1px solid @accent;
|
||||
}
|
||||
|
|
@ -0,0 +1,19 @@
|
|||
/* -----------------------------------------------------------------------------
|
||||
Level Strip
|
||||
----------------------------------------------------------------------------- */
|
||||
|
||||
#filmLevelCombo {
|
||||
margin: -1;
|
||||
}
|
||||
|
||||
#FilmStrip {
|
||||
qproperty-BGColor: @bg;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
& QComboBox {
|
||||
border-radius: 0;
|
||||
& QAbstractItemView {
|
||||
background-color: @menu-bg-color;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
@ -0,0 +1,80 @@
|
|||
/* -----------------------------------------------------------------------------
|
||||
Cleanup Settings
|
||||
----------------------------------------------------------------------------- */
|
||||
|
||||
#CleanupSettings {
|
||||
& #CleanupSettingsFrame {
|
||||
// space out the boxes vertically
|
||||
// needs margin for good placement
|
||||
&:extend(.frame all);
|
||||
margin-top: 2;
|
||||
margin-bottom: 4;
|
||||
}
|
||||
& QGroupBox {
|
||||
margin-bottom: 3;
|
||||
}
|
||||
& QScrollArea {
|
||||
&:extend(.frame all);
|
||||
}
|
||||
}
|
||||
|
||||
ParamsPage {
|
||||
qproperty-TextColor: @text-color;
|
||||
}
|
||||
|
||||
/* -----------------------------------------------------------------------------
|
||||
Camera Settings
|
||||
----------------------------------------------------------------------------- */
|
||||
|
||||
#CameraSettingsButton {
|
||||
padding: 2;
|
||||
}
|
||||
|
||||
#CameraSettingsRadioButton {
|
||||
&:hover {
|
||||
background: none;
|
||||
}
|
||||
&::indicator {
|
||||
&:extend(.button-tool all); // Apply a button style
|
||||
.icon-lock; // Apply an icon
|
||||
}
|
||||
}
|
||||
|
||||
#CameraSettingsDPI {
|
||||
color: @label-title;
|
||||
}
|
||||
|
||||
#CameraSettingsRadioButton_Small {
|
||||
padding: 0;
|
||||
&::indicator {
|
||||
&:extend(.RadioButton::indicator all);
|
||||
background-color: transparent;
|
||||
border: 0;
|
||||
margin: 0;
|
||||
}
|
||||
}
|
||||
|
||||
#ForceSquaredPixelButton {
|
||||
&:extend(.button-tool all); // Apply a button style
|
||||
margin: 0;
|
||||
height: 16;
|
||||
width: 16;
|
||||
border: @toolbutton-border-size solid @toolbutton-border-color;
|
||||
padding: 2;
|
||||
}
|
||||
|
||||
/* -----------------------------------------------------------------------------
|
||||
Output Settings
|
||||
----------------------------------------------------------------------------- */
|
||||
|
||||
#OutputSettingsLabel {
|
||||
color: @label-title;
|
||||
}
|
||||
|
||||
#OutputSettingsBox {
|
||||
&:extend(.frame all);
|
||||
}
|
||||
|
||||
#OutputSettingsCameraBox {
|
||||
&:extend(.frame all);
|
||||
}
|
||||
|
|
@ -0,0 +1,666 @@
|
|||
/* -----------------------------------------------------------------------------
|
||||
Main
|
||||
----------------------------------------------------------------------------- */
|
||||
|
||||
QWidget {
|
||||
background-color: @bg;
|
||||
color: @text-color;
|
||||
&:disabled {
|
||||
color: @text-color-disabled;
|
||||
}
|
||||
}
|
||||
|
||||
QFrame {
|
||||
border: 0;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
alternate-background-color: @text-color;
|
||||
}
|
||||
|
||||
QToolTip,
|
||||
#helpToolTip {
|
||||
background-color: @tooltip-bg-color;
|
||||
border: 1 solid @tooltip-border-color;
|
||||
color: @tooltip-text-color;
|
||||
padding: 1 1;
|
||||
}
|
||||
|
||||
#DockSeparator,
|
||||
QMainWindow::separator,
|
||||
QSplitter::handle {
|
||||
background-color: @dock-bg-color;
|
||||
height: 4;
|
||||
width: 4;
|
||||
}
|
||||
|
||||
#TDockPlaceholder {
|
||||
background-color: @dock-placeholder-color;
|
||||
}
|
||||
|
||||
TPanel {
|
||||
background-color: @dock-bg-color;
|
||||
}
|
||||
|
||||
/* -----------------------------------------------------------------------------
|
||||
Topbar
|
||||
----------------------------------------------------------------------------- */
|
||||
|
||||
#TopBar {
|
||||
background: @topbar-bg-color;
|
||||
border: 0;
|
||||
border-bottom: 1 solid @topbar-border-color;
|
||||
& #EditToolLockButton {
|
||||
background: @topbar-bg-color;
|
||||
spacing: 0;
|
||||
&::indicator {
|
||||
// inherits from #ToolOptions window
|
||||
background: none;
|
||||
border: none;
|
||||
padding-left: 0;
|
||||
padding-right: 0;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
#TopBarTabContainer {
|
||||
background-color: @topbar-bg-color;
|
||||
margin-bottom: 1; // Required for #TopBar border-bottom to show
|
||||
}
|
||||
|
||||
#StackedMenuBar {
|
||||
border: 0;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
QMenuBar {
|
||||
background-color: @topbar-bg-color;
|
||||
border: 0;
|
||||
&::item {
|
||||
background-color: @topbar-bg-color;
|
||||
border-left: 1 solid @topbar-bg-color; // Helps to align with QMenu
|
||||
margin: 0;
|
||||
padding: 3 5 3 5;
|
||||
&:selected {
|
||||
.hl-color-secondary;
|
||||
}
|
||||
&:pressed {
|
||||
.hl-color;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
/* -----------------------------------------------------------------------------
|
||||
Workspaces
|
||||
----------------------------------------------------------------------------- */
|
||||
|
||||
#TopBarTab {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
&::tab {
|
||||
background-color: @rooms-tab-bg-color;
|
||||
border-top: 1 solid @tab-border-color;
|
||||
border-right: 1 solid @tab-border-color;
|
||||
color: @rooms-tab-text-color;
|
||||
margin: 0 0 -1 0;
|
||||
padding: 2 8 3 8;
|
||||
&:hover {
|
||||
background-color: @rooms-tab-bg-color-hover;
|
||||
color: @tab-text-color-hover;
|
||||
}
|
||||
&:selected {
|
||||
background-color: @rooms-tab-bg-color-selected;
|
||||
color: @rooms-tab-text-color-selected;
|
||||
}
|
||||
&:first {
|
||||
border-left: 1 solid @accent;
|
||||
}
|
||||
&:last {
|
||||
border-right: 1 solid @accent;
|
||||
}
|
||||
}
|
||||
& QToolButton {
|
||||
border-left: 2 solid @accent;
|
||||
border-top: 1 solid @accent;
|
||||
border-right: 1 solid @accent;
|
||||
border-bottom: 0;
|
||||
margin-left: -1;
|
||||
margin-top: 0;
|
||||
}
|
||||
}
|
||||
|
||||
/* -----------------------------------------------------------------------------
|
||||
Menu
|
||||
----------------------------------------------------------------------------- */
|
||||
|
||||
QMenu {
|
||||
background-color: @menu-bg-color;
|
||||
border: 1 solid @menu-border-color;
|
||||
color: @menu-text-color;
|
||||
padding: 2 0;
|
||||
&::item {
|
||||
border: 0;
|
||||
padding: 3 28 3 14;
|
||||
&:selected {
|
||||
background-color: @menu-item-bg-color-selected;
|
||||
color: @menu-item-text-color-selected;
|
||||
}
|
||||
&:checked {
|
||||
color: @menu-checkbox-text-color-selected;
|
||||
&:selected {
|
||||
background-color: @menu-item-bg-color-selected;
|
||||
color: @menu-item-text-color-selected;
|
||||
}
|
||||
}
|
||||
&:disabled {
|
||||
background: none;
|
||||
color: @text-color-disabled;
|
||||
&:selected {
|
||||
color: @text-color-disabled; /* fix for disabled indicator */
|
||||
}
|
||||
}
|
||||
}
|
||||
&::separator {
|
||||
border-top: 1 solid @menu-separator-color;
|
||||
height: 0;
|
||||
margin: 2 0;
|
||||
}
|
||||
&::icon {
|
||||
border-radius: 2;
|
||||
position: absolute;
|
||||
left: 7;
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
qproperty-icon: url('@{img-url}/none');
|
||||
&:checked {
|
||||
background-color: @menu-icon-checked-bg-color;
|
||||
border: 1 solid @menu-icon-checked-border-color;
|
||||
}
|
||||
}
|
||||
&::indicator {
|
||||
&:non-exclusive {
|
||||
&:extend(.CheckBox::indicator all);
|
||||
}
|
||||
&:exclusive {
|
||||
&:extend(.RadioButton::indicator all);
|
||||
}
|
||||
margin-left: 8;
|
||||
}
|
||||
}
|
||||
|
||||
/* -----------------------------------------------------------------------------
|
||||
Titlebars
|
||||
----------------------------------------------------------------------------- */
|
||||
|
||||
TPanelTitleBar {
|
||||
background-color: @title-bg-color;
|
||||
border-bottom: @title-border-width solid @title-border-color;
|
||||
height: 18;
|
||||
min-height: 18;
|
||||
qproperty-TitleColor: @title-text-color;
|
||||
qproperty-ActiveTitleColor: @title-text-color-active;
|
||||
// QSS only works when pixmaps are set to 'none'
|
||||
qproperty-BorderPixmap: url('none');
|
||||
qproperty-ActiveBorderPixmap: url('@{img-url}/@{title-active-border-pixmap}');
|
||||
qproperty-FloatBorderPixmap: url('none');
|
||||
qproperty-FloatActiveBorderPixmap: url('@{img-url}/@{title-active-border-pixmap}');
|
||||
}
|
||||
|
||||
TPanelTitleBarButton {
|
||||
qproperty-PressedColor: @title-button-pressed-color;
|
||||
qproperty-FreezeColor: @title-button-freeze-color;
|
||||
qproperty-PreviewColor: @title-button-preview-color;
|
||||
qproperty-OverColor: @title-button-rollover-color;
|
||||
}
|
||||
|
||||
/* -----------------------------------------------------------------------------
|
||||
Scrollbars
|
||||
----------------------------------------------------------------------------- */
|
||||
|
||||
QAbstractScrollArea::corner {
|
||||
background-color: @scrollbar-bg-color;
|
||||
}
|
||||
|
||||
QScrollBar {
|
||||
background-color: @scrollbar-bg-color;
|
||||
border: 0;
|
||||
&:horizontal {
|
||||
height: 15;
|
||||
margin: 0;
|
||||
}
|
||||
&:vertical {
|
||||
margin: 0;
|
||||
width: 15;
|
||||
}
|
||||
|
||||
&::handle {
|
||||
border: @scrollbar-handle-border-size solid @scrollbar-handle-border-color;
|
||||
border-radius: @scrollbar-handle-radius;
|
||||
&:horizontal,
|
||||
&:vertical {
|
||||
&:hover {
|
||||
background-color: @scrollbar-handle-bg-color-hover;
|
||||
border-color: @scrollbar-handle-border-color-hover;
|
||||
}
|
||||
&:pressed {
|
||||
background-color: @scrollbar-handle-bg-color-pressed;
|
||||
border-color: @scrollbar-handle-border-color-pressed;
|
||||
}
|
||||
}
|
||||
&:horizontal {
|
||||
background-color: @scrollbar-handle-bg-color;
|
||||
margin: @scrollbar-handle-margin 16;
|
||||
min-width: 20;
|
||||
}
|
||||
&:vertical {
|
||||
background-color: @scrollbar-handle-bg-color;
|
||||
margin: 16 @scrollbar-handle-margin 16 @scrollbar-handle-margin;
|
||||
min-height: 20;
|
||||
}
|
||||
}
|
||||
|
||||
&::add-line {
|
||||
subcontrol-origin: margin;
|
||||
border: 0;
|
||||
&:horizontal { // right
|
||||
subcontrol-position: right;
|
||||
background-color: @scrollbar-bg-color;
|
||||
margin: 0;
|
||||
width: 16;
|
||||
}
|
||||
&:vertical { // down
|
||||
subcontrol-position: bottom;
|
||||
background-color: @scrollbar-bg-color;
|
||||
margin: 0;
|
||||
height: 16;
|
||||
}
|
||||
}
|
||||
|
||||
&::sub-line {
|
||||
border: 0;
|
||||
subcontrol-origin: margin;
|
||||
&:horizontal { // left
|
||||
subcontrol-position: left;
|
||||
background-color: @scrollbar-bg-color;
|
||||
margin: 0;
|
||||
width: 16;
|
||||
}
|
||||
&:vertical { // up
|
||||
subcontrol-position: top;
|
||||
background-color: @scrollbar-bg-color;
|
||||
margin: 0;
|
||||
height: 16;
|
||||
}
|
||||
}
|
||||
|
||||
@arrow-pressed: 1 0 0 0; // press effect shortcut, nudge arrow down 1
|
||||
|
||||
&::up-arrow:vertical {
|
||||
image: url('@{img-url}/scroll-up.svg');
|
||||
image-position: center center;
|
||||
&:pressed {
|
||||
margin: @arrow-pressed;
|
||||
}
|
||||
}
|
||||
|
||||
&::down-arrow:vertical {
|
||||
image: url('@{img-url}/scroll-down.svg');
|
||||
image-position: center center;
|
||||
&:pressed {
|
||||
margin: @arrow-pressed;
|
||||
}
|
||||
}
|
||||
|
||||
&::left-arrow:horizontal {
|
||||
image: url('@{img-url}/scroll-left.svg');
|
||||
image-position: center center;
|
||||
&:pressed {
|
||||
margin: @arrow-pressed;
|
||||
}
|
||||
}
|
||||
|
||||
&::right-arrow:horizontal {
|
||||
image: url('@{img-url}/scroll-right.svg');
|
||||
image-position: center center;
|
||||
&:pressed {
|
||||
margin: @arrow-pressed;
|
||||
}
|
||||
}
|
||||
|
||||
&::sub-page,
|
||||
&::add-page {
|
||||
&:horizontal,
|
||||
&:vertical {
|
||||
background: none;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
/* -----------------------------------------------------------------------------
|
||||
QToolBar
|
||||
----------------------------------------------------------------------------- */
|
||||
|
||||
/* This applies to QToolBar, this is not the #ToolBar window, although the
|
||||
properties here also apply in the window, you should look in
|
||||
[layouts/toolbar] if you want window control. */
|
||||
|
||||
QToolBar {
|
||||
padding: 0;
|
||||
&::separator {
|
||||
&:horizontal {
|
||||
border-left: 1 solid @accent;
|
||||
margin: 0 1;
|
||||
width: 0;
|
||||
}
|
||||
&:vertical {
|
||||
border-top: 1 solid @accent;
|
||||
height: 0;
|
||||
margin: 1 0;
|
||||
}
|
||||
}
|
||||
& QLabel {
|
||||
margin-top: 1;
|
||||
}
|
||||
& QToolBar {
|
||||
border: 0;
|
||||
}
|
||||
}
|
||||
|
||||
QToolButton {
|
||||
&:extend(.button-tool all);
|
||||
margin-left: 1;
|
||||
margin-right: 1;
|
||||
padding: 0;
|
||||
&::menu-indicator {
|
||||
image: none;
|
||||
}
|
||||
&::menu-button {
|
||||
border-image: none;
|
||||
}
|
||||
&#qt_toolbar_ext_button {
|
||||
padding: 0;
|
||||
border: 0;
|
||||
margin: 0;
|
||||
qproperty-icon: url('@{img-url}/toolbar_extension_horizontal.png');
|
||||
&:hover {
|
||||
background-color: @button-bg-color-hover;
|
||||
}
|
||||
&:pressed {
|
||||
background-color: @button-bg-color-checked;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.DvScrollWidget {
|
||||
& QPushButton {
|
||||
background-color: @button-bg-color;
|
||||
border: 0 solid @accent;
|
||||
border-radius: 0;
|
||||
padding: 0;
|
||||
max-width: 16;
|
||||
&:hover {
|
||||
background-color: @button-bg-color-hover;
|
||||
}
|
||||
&:pressed {
|
||||
background-color: @button-bg-color-pressed;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
DvScrollWidget {
|
||||
/* Multiple classes can use the same style as DvScrollWidget, and
|
||||
since the compiler can't handle extending to Qt names we place the
|
||||
style in a mixin and extend the name to it instead. */
|
||||
&:extend(.DvScrollWidget all);
|
||||
}
|
||||
|
||||
#ScrollLeftButton,
|
||||
#ScrollRightButton,
|
||||
#ScrollUpButton,
|
||||
#ScrollDownButton {
|
||||
&:extend(.DvScrollWidget all);
|
||||
margin: 0;
|
||||
min-width: 16;
|
||||
}
|
||||
|
||||
#ScrollLeftButton {
|
||||
border-right: 1 solid @accent;
|
||||
image: url('@{img-url}/scroll-left.svg');
|
||||
}
|
||||
#ScrollRightButton {
|
||||
border-left: 1 solid @accent;
|
||||
margin-left: 3;
|
||||
image: url('@{img-url}/scroll-right.svg');
|
||||
}
|
||||
#ScrollUpButton {
|
||||
image: url('@{img-url}/scroll-up.svg');
|
||||
}
|
||||
#ScrollDownButton {
|
||||
image: url('@{img-url}/scroll-down.svg');
|
||||
}
|
||||
|
||||
/* -------------------------------------------------------------------------- */
|
||||
|
||||
/* For the buttons to display a BG color we need to set a blank image, setting
|
||||
an empty URL solves this. */
|
||||
#keyFrameNavigator {
|
||||
background: transparent;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
#PreviousKey {
|
||||
margin: 0 2;
|
||||
padding-right: -1;
|
||||
width: 20px;
|
||||
height: 20px;
|
||||
image: url('');
|
||||
&:disabled {
|
||||
image: url('');
|
||||
}
|
||||
}
|
||||
#NextKey {
|
||||
margin: 0 2;
|
||||
padding-right: -1;
|
||||
width: 20px;
|
||||
height: 20px;
|
||||
image: url('');
|
||||
&:disabled {
|
||||
image: url('');
|
||||
}
|
||||
}
|
||||
#KeyNo,
|
||||
#KeyPartial,
|
||||
#KeyTotal {
|
||||
margin: 0;
|
||||
padding-right: -1;
|
||||
width: 20px;
|
||||
height: 20px;
|
||||
image: url('');
|
||||
&:disabled {
|
||||
image: url('');
|
||||
}
|
||||
}
|
||||
#KeyNo {
|
||||
background-color: @keyframe-off-color;
|
||||
border: 1 solid @keyframe-off-border-color;
|
||||
image: url('');
|
||||
&:disabled {
|
||||
image: url('');
|
||||
}
|
||||
&:hover {
|
||||
background-color: @keyframe-off-color-hover;
|
||||
border-color: @keyframe-off-border-color-hover;
|
||||
}
|
||||
}
|
||||
#KeyPartial {
|
||||
background-color: @keyframe-partial-color;
|
||||
border: 1 solid @keyframe-partial-border-color;
|
||||
image: url('');
|
||||
&:hover {
|
||||
background-color: @keyframe-partial-color-hover;
|
||||
border-color: @keyframe-partial-border-color-hover;
|
||||
}
|
||||
}
|
||||
#KeyTotal {
|
||||
background-color: @keyframe-total-color;
|
||||
border: 1 solid @keyframe-total-border-color;
|
||||
&:hover {
|
||||
background-color: @keyframe-total-color-hover;
|
||||
border-color: @keyframe-total-border-color-hover;
|
||||
}
|
||||
}
|
||||
& QToolButton#qt_toolbar_ext_button {
|
||||
// adjust for style
|
||||
padding-bottom: 3;
|
||||
border-radius: 2;
|
||||
}
|
||||
}
|
||||
|
||||
/* -----------------------------------------------------------------------------
|
||||
Tab Containers
|
||||
----------------------------------------------------------------------------- */
|
||||
|
||||
#TabBarContainer {
|
||||
.tab-container;
|
||||
}
|
||||
|
||||
QTabBar {
|
||||
background-color: @tabbar-bg-color;
|
||||
}
|
||||
|
||||
/* -----------------------------------------------------------------------------
|
||||
Tabs
|
||||
----------------------------------------------------------------------------- */
|
||||
|
||||
QTabBar {
|
||||
&::tab {
|
||||
&:extend(.tab-flat all);
|
||||
}
|
||||
& QToolButton {
|
||||
/* Scroll buttons */
|
||||
margin: 0;
|
||||
background-color: @bg;
|
||||
border-radius: 0;
|
||||
border: 1 solid @accent;
|
||||
border-top: 0;
|
||||
padding: 3 2 2 2;
|
||||
&:hover, &:pressed {
|
||||
border-color: @accent;
|
||||
}
|
||||
&:disabled {
|
||||
color: @text-color-disabled;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
/* -----------------------------------------------------------------------------
|
||||
Item Tree
|
||||
----------------------------------------------------------------------------- */
|
||||
|
||||
.treeview {
|
||||
background-color: @tree-bg-color;
|
||||
alternate-background-color: @tree-bg-color-alt;
|
||||
border: 0;
|
||||
margin: 0;
|
||||
outline: 0;
|
||||
|
||||
&::item {
|
||||
&:selected {
|
||||
.hl-color;
|
||||
}
|
||||
}
|
||||
|
||||
&::branch {
|
||||
/* A blank URL may not hide the Qt branch style in Linux, so we add
|
||||
a transparent PNG which does. */
|
||||
@blank_img: '@{img-url}/transparent_16x16.png';
|
||||
|
||||
&:adjoins-item {
|
||||
border-image: url('@{blank_img}');
|
||||
}
|
||||
&:has-siblings {
|
||||
border-image: url('@{blank_img}');
|
||||
&:adjoins-item {
|
||||
border-image: url('@{blank_img}');
|
||||
}
|
||||
}
|
||||
&:has-children {
|
||||
&:closed {
|
||||
background: url('@{img-url}/treebranch-closed.svg') no-repeat;
|
||||
background-position: center center;
|
||||
border-image: none;
|
||||
image: none;
|
||||
}
|
||||
&:open {
|
||||
background: url('@{img-url}/treebranch-open.svg') no-repeat;
|
||||
background-position: center center;
|
||||
image: none;
|
||||
}
|
||||
&:has-siblings {
|
||||
&:closed {
|
||||
background: url('@{img-url}/treebranch-closed.svg') no-repeat;
|
||||
background-position: center center;
|
||||
border-image: none;
|
||||
image: none;
|
||||
}
|
||||
&:open {
|
||||
background: url('@{img-url}/treebranch-open.svg') no-repeat;
|
||||
background-position: center center;
|
||||
border-image: none;
|
||||
image: none;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
QTreeWidget,
|
||||
QTreeView {
|
||||
&:extend(.treeview all);
|
||||
}
|
||||
|
||||
QListView {
|
||||
outline: 0; // hide focus border
|
||||
background: @tree-bg-color;
|
||||
alternate-background-color: @tree-bg-color-alt;
|
||||
}
|
||||
|
||||
/* -----------------------------------------------------------------------------
|
||||
Tool Options - Override DvScroll Widget
|
||||
----------------------------------------------------------------------------- */
|
||||
|
||||
#toolOptionsPanel {
|
||||
QPushButton {
|
||||
background-color: @button-bg-color;
|
||||
border: 1 solid @button-border-color;
|
||||
border-radius: 2;
|
||||
color: @button-text-color;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
&:hover {
|
||||
background-color: @button-bg-color-hover;
|
||||
border-color: @button-border-color-hover;
|
||||
color: @button-text-color-hover;
|
||||
}
|
||||
&:pressed {
|
||||
background-color: @button-bg-color-pressed;
|
||||
border-color: @button-border-color-pressed;
|
||||
color: @button-text-color-pressed;
|
||||
}
|
||||
&:checked {
|
||||
background-color: @button-bg-color-checked;
|
||||
border-color: @button-border-color-checked;
|
||||
color: @button-text-color-checked;
|
||||
&:hover {
|
||||
background-color: @button-bg-color-checked-hover;
|
||||
&:pressed {
|
||||
background: @button-bg-color-checked-hover-pressed;
|
||||
}
|
||||
}
|
||||
}
|
||||
&:disabled {
|
||||
background-color: @button-bg-color-disabled;
|
||||
border-color: @button-border-color-disabled;
|
||||
color: @button-text-color-disabled;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
@ -0,0 +1,85 @@
|
|||
/* -----------------------------------------------------------------------------
|
||||
Misc
|
||||
----------------------------------------------------------------------------- */
|
||||
|
||||
PencilTestPopup {
|
||||
min-height: 730px; /* Allow for using a 768 screen */
|
||||
min-width: 512px; /* some clipping will still occur on width, but this
|
||||
allows for filling half of a 1024 screen */
|
||||
}
|
||||
|
||||
// #HistoryPanel {}
|
||||
|
||||
#MatchLineButton {
|
||||
background-color: lighten(@bg, 15%);
|
||||
&:checked {
|
||||
background-color: lighten(@bg, 30%);
|
||||
border: 2 solid @hl-bg-color;
|
||||
border-radius: 2;
|
||||
}
|
||||
}
|
||||
|
||||
#LargeSizedText {
|
||||
font-size: 17px;
|
||||
}
|
||||
|
||||
/* -----------------------------------------------------------------------------
|
||||
Stop Motion Controller
|
||||
----------------------------------------------------------------------------- */
|
||||
|
||||
#StopMotionController {
|
||||
& QScrollArea {
|
||||
margin: 8;
|
||||
}
|
||||
& QPushButton {
|
||||
// Adds spacing to buttons, but this setting may be temporary
|
||||
margin: 2 1;
|
||||
padding: 0;
|
||||
}
|
||||
& #TabBarContainer {
|
||||
margin-left: -4; // reset left edge margin
|
||||
}
|
||||
& #bottomWidget {
|
||||
border-top: 1 solid @accent;
|
||||
padding: 3 2 8 3;
|
||||
& QPushButton {
|
||||
// override above margin reset
|
||||
padding: 3 5;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
// #StopMotionTabBar {}
|
||||
|
||||
/* -----------------------------------------------------------------------------
|
||||
Unknowns + Legacy
|
||||
----------------------------------------------------------------------------- */
|
||||
// below are classes that are unknown and considered legacy
|
||||
// they need investigation before being removed
|
||||
|
||||
// selectors from [v1.1.2]
|
||||
|
||||
#StartupLabel {
|
||||
padding: 3;
|
||||
&:hover {
|
||||
background: lighten(@bg, 10%);
|
||||
}
|
||||
}
|
||||
|
||||
QStatusBar {
|
||||
background-color: rgb(192,192,192);
|
||||
&::item {
|
||||
border: 0;
|
||||
}
|
||||
& QLabel {
|
||||
background-color: rgb(192,192,192);
|
||||
}
|
||||
& #StatusBarLabel {
|
||||
background-color: rgb(255,255,255);
|
||||
padding: 1 3;
|
||||
}
|
||||
}
|
||||
|
||||
#TitleTxtLabel {
|
||||
color: @label-title;
|
||||
}
|
||||
|
|
@ -0,0 +1,166 @@
|
|||
/* -----------------------------------------------------------------------------
|
||||
Style Editor
|
||||
----------------------------------------------------------------------------- */
|
||||
|
||||
#StyleEditor {
|
||||
& #bottomWidget {
|
||||
border-top: 1 solid @accent;
|
||||
padding: 3 2 8 3;
|
||||
& QPushButton {
|
||||
padding: 3 5;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
//#StyleEditorTabBar {}
|
||||
|
||||
#HexagonalColorWheel {
|
||||
qproperty-BGColor: @bg;
|
||||
}
|
||||
|
||||
/* -------------------------------------------------------------------------- */
|
||||
|
||||
/* Horizontal QSlider */
|
||||
#colorSlider {
|
||||
&::groove:horizontal {
|
||||
height: 1;
|
||||
border-image: none;
|
||||
}
|
||||
&::handle:horizontal {
|
||||
width: 8;
|
||||
margin: -8 -4;
|
||||
}
|
||||
}
|
||||
|
||||
#colorSliderAddButton,
|
||||
#colorSliderSubButton {
|
||||
background: none;
|
||||
border-color: transparent;
|
||||
image-position: center center;
|
||||
min-height: 16;
|
||||
padding: 0;
|
||||
min-width: 10;
|
||||
&:hover {
|
||||
&:extend(.button-tool:hover);
|
||||
}
|
||||
&:pressed {
|
||||
&:extend(.button-tool:pressed);
|
||||
}
|
||||
}
|
||||
|
||||
#colorSliderAddButton {
|
||||
image: url('@{img-url}/scroll-right.svg');
|
||||
}
|
||||
|
||||
#colorSliderSubButton {
|
||||
image: url('@{img-url}/scroll-left.svg');
|
||||
}
|
||||
|
||||
#PlainColorPageParts {
|
||||
border-bottom: 1 solid @accent;
|
||||
& QLineEdit {
|
||||
max-width: 35;
|
||||
}
|
||||
}
|
||||
|
||||
//#colorSliderLabel,
|
||||
//#colorSliderField {}
|
||||
|
||||
/* -----------------------------------------------------------------------------
|
||||
Palette Viewer / Studio Palette
|
||||
----------------------------------------------------------------------------- */
|
||||
|
||||
PaletteViewer {
|
||||
& DvScrollWidget {
|
||||
& QPushButton {
|
||||
border-top: 0;
|
||||
margin-bottom: 0;
|
||||
max-width: 15;
|
||||
min-width: 15;
|
||||
}
|
||||
& #ScrollLeftButton {
|
||||
border-radius: 0;
|
||||
margin-bottom: 0;
|
||||
max-width: 16;
|
||||
min-width: 16;
|
||||
}
|
||||
& #ScrollRightButton {
|
||||
border-radius: 0;
|
||||
margin-left: 1;
|
||||
margin-bottom: 0;
|
||||
max-width: 16;
|
||||
min-width: 16;
|
||||
}
|
||||
}
|
||||
& QToolBar {
|
||||
background: transparent;
|
||||
&::separator:horizontal {
|
||||
margin: 0; // very compact space so we remove margin
|
||||
}
|
||||
& QToolButton {
|
||||
&:extend(.button-flat all); // use flat style for button
|
||||
padding: 0;
|
||||
padding-right: -2;
|
||||
padding-left: -1;
|
||||
}
|
||||
& #keyFrameNavigator {
|
||||
& #NextKey,
|
||||
#PreviousKey,
|
||||
#KeyNo,
|
||||
#KeyPartial,
|
||||
#KeyTotal {
|
||||
// Adjust for pixel perfect alignment
|
||||
max-width: 20px;
|
||||
max-height: 20px;
|
||||
padding: 1;
|
||||
border: 0;
|
||||
margin: 0;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
// #StudioPalette {}
|
||||
|
||||
#PageViewer {
|
||||
qproperty-TextColor: @text-color;
|
||||
qproperty-SelectedBorderColor: @palette-SelectedBorderColor;
|
||||
qproperty-NumpadShortcutBgColor: @palette-NumpadShortcutBgColor;
|
||||
qproperty-NumpadShortcutBorderColor: @palette-NumpadShortcutBorderColor;
|
||||
|
||||
qproperty-SeparatorColor: @palette-SeparatorColor;
|
||||
qproperty-CurrentCellColor: @palette-CurrentCellColor;
|
||||
qproperty-SelectedCellColor: @palette-SelectedCellColor;
|
||||
qproperty-ListNumpadShortcutBorderColor: @palette-ListNumpadShortcutBorderColor;
|
||||
}
|
||||
|
||||
#PaletteLockButton {
|
||||
border-radius: 0;
|
||||
&:checked {
|
||||
background-color: @toolbutton-lock-bg-color-checked;
|
||||
border-color: @toolbutton-lock-border-color-checked;
|
||||
&:hover {
|
||||
background-color: @toolbutton-lock-bg-color-checked-hover;
|
||||
border-color: @toolbutton-lock-border-color-checked-hover;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
#PltPageViewerScrollArea {
|
||||
border-bottom: 1px solid @accent;
|
||||
}
|
||||
|
||||
/* -----------------------------------------------------------------------------
|
||||
Quick Renamer
|
||||
----------------------------------------------------------------------------- */
|
||||
|
||||
#WordButton {
|
||||
&:extend(.QPushButton all);
|
||||
// remove horizontal padding otherwise moderate length text gets clipped
|
||||
padding-right: 0;
|
||||
padding-left: 0;
|
||||
}
|
||||
|
||||
#SolidLineFrame {
|
||||
&:extend(.frame all);
|
||||
}
|
||||
|
|
@ -0,0 +1,139 @@
|
|||
/* -----------------------------------------------------------------------------
|
||||
Popup Windows
|
||||
----------------------------------------------------------------------------- */
|
||||
|
||||
QDialog {
|
||||
background-color: @bg;
|
||||
& #dialogButtonFrame {
|
||||
background-color: @dialogButtonFrame-bg-color;
|
||||
border-top: 1 solid @accent;
|
||||
& QPushButton {
|
||||
border-color: @button-dialog-border-color;
|
||||
outline: 0;
|
||||
&:focus {
|
||||
background-color: @button-bg-color-focus;
|
||||
border-color: @button-border-color-focus;
|
||||
color: @button-text-color-focus;
|
||||
&:hover {
|
||||
background-color: @button-bg-color-focus-hover;
|
||||
}
|
||||
&:pressed {
|
||||
background-color: @button-bg-color-pressed;
|
||||
border-color: @button-border-color-pressed;
|
||||
color: @button-text-color-pressed;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
/* -----------------------------------------------------------------------------
|
||||
Scene Settings
|
||||
----------------------------------------------------------------------------- */
|
||||
|
||||
#SceneSettings {
|
||||
& QLabel {
|
||||
color: @label-title;
|
||||
}
|
||||
}
|
||||
|
||||
/* -----------------------------------------------------------------------------
|
||||
Preferences
|
||||
----------------------------------------------------------------------------- */
|
||||
|
||||
#PreferencesPopup, #OutputSettingsPopup {
|
||||
& QListWidget {
|
||||
background-color: @prefs-tree-bg-color;
|
||||
alternate-background-color: @prefs-tree-bg-color;
|
||||
border: 1 solid @accent;
|
||||
font-size: 13px;
|
||||
&::item {
|
||||
border: 0; // remove indent on hover
|
||||
padding: 3;
|
||||
&:hover {
|
||||
.hl-color-secondary;
|
||||
}
|
||||
&:selected {
|
||||
.hl-color;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
/* -----------------------------------------------------------------------------
|
||||
Keyboard Shortcuts
|
||||
----------------------------------------------------------------------------- */
|
||||
|
||||
#ShortcutTree {
|
||||
&::item {
|
||||
padding: 1 0;
|
||||
}
|
||||
border: 1 solid @accent;
|
||||
& QScrollBar {
|
||||
&:vertical {
|
||||
width: 16;
|
||||
margin-right: -1;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
#ShortcutViewer {
|
||||
font-size: 17px;
|
||||
& QLineEdit{
|
||||
color:black;
|
||||
border-color: rgb(184, 188, 127);
|
||||
background-color: white;
|
||||
&:focus{
|
||||
background-color: rgb(171, 206, 255);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
/* -----------------------------------------------------------------------------
|
||||
New Project / Configure Project Window
|
||||
----------------------------------------------------------------------------- */
|
||||
|
||||
ProjectPopup {
|
||||
& QLabel {
|
||||
color: @label-title;
|
||||
}
|
||||
}
|
||||
|
||||
/* -----------------------------------------------------------------------------
|
||||
PencilTestPopup / CameraCapture Window
|
||||
----------------------------------------------------------------------------- */
|
||||
|
||||
//PencilTestPopup {}
|
||||
|
||||
#GearButton {
|
||||
&::menu-indicator{
|
||||
image: url("");
|
||||
}
|
||||
}
|
||||
|
||||
#LiveViewButton {
|
||||
qproperty-icon: url('@{img-url}/liveview.svg');
|
||||
&::menu-indicator{
|
||||
image:"";
|
||||
}
|
||||
}
|
||||
|
||||
#SubfolderButton {
|
||||
padding-left: 5px;
|
||||
padding-right: 5px;
|
||||
}
|
||||
|
||||
#SubcameraButton {
|
||||
padding-left: 5px;
|
||||
padding-right: 5px;
|
||||
}
|
||||
|
||||
/* -----------------------------------------------------------------------------
|
||||
Frame format settings box in FormatSettingsPopup
|
||||
----------------------------------------------------------------------------- */
|
||||
#FrameFormatBoxInput {
|
||||
border-color: mix(@accent, rgba(255, 0, 0, 0.7), 40);
|
||||
}
|
||||
#FrameFormatBoxOutput {
|
||||
border-color: mix(@accent, rgba(0, 0, 255, 0.7), 40);
|
||||
}
|
||||
|
|
@ -0,0 +1,150 @@
|
|||
/* -----------------------------------------------------------------------------
|
||||
Schematic Viewer
|
||||
----------------------------------------------------------------------------- */
|
||||
|
||||
SchematicViewer {
|
||||
qproperty-TextColor: @schematic-text-color;
|
||||
qproperty-VerticalLineColor: @schematic-VerticalLine-color;
|
||||
|
||||
qproperty-LevelColumnColor: @xsheet-LevelColumn-color;
|
||||
qproperty-VectorColumnColor: @xsheet-VectorColumn-color;
|
||||
qproperty-ChildColumnColor: @xsheet-ChildColumn-color;
|
||||
qproperty-FullcolorColumnColor: @xsheet-FullColorColumn-color;
|
||||
qproperty-FxColumnColor: @xsheet-FxColumn-color;
|
||||
qproperty-PaletteColumnColor: @xsheet-PaletteColumn-color;
|
||||
qproperty-MeshColumnColor: @xsheet-MeshColumn-color;
|
||||
qproperty-ReferenceColumnColor: @xsheet-ReferenceColumn-color;
|
||||
|
||||
qproperty-TableColor: saturate(lighten(@schematic-TableColor, @nodeLightness), @nodeSaturation);
|
||||
qproperty-ActiveCameraColor: saturate(lighten(@schematic-ActiveCameraColor, @nodeLightness), @nodeSaturation);
|
||||
qproperty-OtherCameraColor: saturate(lighten(@schematic-OtherCameraColor, @nodeLightness), @nodeSaturation);
|
||||
qproperty-GroupColor: saturate(lighten(@schematic-GroupColor, @nodeLightness), @nodeSaturation);
|
||||
qproperty-PegColor: saturate(lighten(@schematic-PegColor, @nodeLightness), @nodeSaturation);
|
||||
qproperty-SplineColor: saturate(lighten(@schematic-SplineColor, @nodeLightness), @nodeSaturation);
|
||||
qproperty-ActiveOutputColor: saturate(lighten(@schematic-ActiveOutputcolor, @nodeLightness), @nodeSaturation);
|
||||
qproperty-OtherOutputColor: saturate(lighten(@schematic-OtherOutputcolor, @nodeLightness), @nodeSaturation);
|
||||
qproperty-XsheetColor: saturate(lighten(@schematic-XsheetColor, @nodeLightness), @nodeSaturation);
|
||||
qproperty-PassThroughColor: saturate(lighten(@schematic-PassThroughColor, @nodeLightness), @nodeSaturation);
|
||||
qproperty-NormalFxColor: saturate(lighten(@schematic-NormalFxColor, @nodeLightness), @nodeSaturation);
|
||||
qproperty-MacroFxColor: saturate(lighten(@schematic-MacroFxColor, @nodeLightness), @nodeSaturation);
|
||||
qproperty-ImageAdjustFxColor: saturate(lighten(@schematic-ImageAdjustFxColor, @nodeLightness), @nodeSaturation);
|
||||
qproperty-LayerBlendingFxColor: saturate(lighten(@schematic-LayerBlendingFxColor, @nodeLightness), @nodeSaturation);
|
||||
qproperty-MatteFxColor: saturate(lighten(@schematic-MatteFxColor, @nodeLightness), @nodeSaturation);
|
||||
|
||||
qproperty-SchematicPreviewButtonBgOnColor: @schematic-PreviewButtonBgOn-color;
|
||||
qproperty-SchematicPreviewButtonOnImage: url('@{img-url}/schematic_preview_on.svg');
|
||||
qproperty-SchematicPreviewButtonBgOffColor: @schematic-PreviewButtonBgOff-color;
|
||||
qproperty-SchematicPreviewButtonOffImage: url('@{img-url}/schematic_preview_off.svg');
|
||||
|
||||
qproperty-SchematicCamstandButtonBgOnColor: @schematic-CamstandButtonBgOn-color;
|
||||
qproperty-SchematicCamstandButtonOnImage: url('@{img-url}/schematic_table_on.svg');
|
||||
qproperty-SchematicCamstandButtonTranspImage: url('@{img-url}/schematic_table_transp.svg');
|
||||
qproperty-SchematicCamstandButtonBgOffColor: @schematic-CamstandButtonBgOff-color;
|
||||
qproperty-SchematicCamstandButtonOffImage: url('@{img-url}/schematic_table_off.svg');
|
||||
|
||||
// Link line and selected colors
|
||||
qproperty-SelectedBorderColor: @schematic-SelectedBorderColor;
|
||||
|
||||
qproperty-LinkColor: @schematic-LinkColor;
|
||||
qproperty-SelectedLinkColor: @schematic-SelectedLinkColor;
|
||||
qproperty-MotionPathLinkColor: @schematic-MotionPathLinkColor;
|
||||
qproperty-MotionPathSelectedLinkColor: @schematic-MotionPathSelectedLinkColor;
|
||||
}
|
||||
|
||||
/* -----------------------------------------------------------------------------
|
||||
Schematic Node Viewer
|
||||
----------------------------------------------------------------------------- */
|
||||
|
||||
#SchematicBottomFrame {
|
||||
background-color: @bg;
|
||||
border: 0;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
padding-left: 1;
|
||||
& QToolBar {
|
||||
&::separator:horizontal {
|
||||
margin: 0;
|
||||
margin-right: 1;
|
||||
}
|
||||
& QToolButton {
|
||||
padding: -2;
|
||||
margin-right: 2;
|
||||
margin-top: 2;
|
||||
margin-bottom: 2;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
#SchematicSceneViewer {
|
||||
background-color: @schematic-viewer-bg-color;
|
||||
border-bottom: 1 solid @accent;
|
||||
}
|
||||
|
||||
/* -----------------------------------------------------------------------------
|
||||
FX Settings
|
||||
----------------------------------------------------------------------------- */
|
||||
|
||||
//#FxSettingsTabBar {}
|
||||
|
||||
FxSettings {
|
||||
& QToolBar {
|
||||
border: 1 1 0 1 solid @accent;
|
||||
min-height: 19; // prevent shrinking
|
||||
padding: 3 0;
|
||||
border-top: 1 solid @accent;
|
||||
border-left: 1 solid @accent;
|
||||
border-right: 1 solid @accent;
|
||||
border-top-left-radius: 2;
|
||||
border-top-right-radius: 2;
|
||||
margin-bottom: -1;
|
||||
& QToolBar {
|
||||
border: 0;
|
||||
}
|
||||
& QToolButton {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
width: 22;
|
||||
padding-right: -2;
|
||||
padding-bottom: -1;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
#FxSettingsLabel {
|
||||
color: @schematic-label-text-color;
|
||||
}
|
||||
|
||||
#FxSettingsHelpButton {
|
||||
background-color: @schematic-help-button-bg-color;
|
||||
border: 0;
|
||||
padding-top: 0;
|
||||
padding-bottom: 0;
|
||||
&:hover {
|
||||
background-color: @schematic-help-button-bg-color-hover;
|
||||
}
|
||||
}
|
||||
|
||||
ChannelBar {
|
||||
qproperty-TextColor: @text-color;
|
||||
}
|
||||
|
||||
/* Keyframe Button Colors
|
||||
----------------------------------------------------------------------------- */
|
||||
|
||||
ParamFieldKeyToggle {
|
||||
// no key
|
||||
qproperty-KeyOffColor: @keyframe-off-color;
|
||||
qproperty-KeyBorderOffColor: @keyframe-off-border-color;
|
||||
// modified
|
||||
qproperty-KeyModifiedColor: @keyframe-modified-color;
|
||||
qproperty-KeyBorderModifiedColor: @keyframe-modified-border-color;
|
||||
// key set / on
|
||||
qproperty-KeyOnColor: @keyframe-total-color;
|
||||
qproperty-KeyBorderOnColor: @keyframe-total-border-color;
|
||||
// inbetween
|
||||
qproperty-KeyInbetweenColor: @keyframe-inbetween-color;
|
||||
qproperty-KeyBorderInbetweenColor: @keyframe-inbetween-border-color;
|
||||
// highlight
|
||||
qproperty-KeyHighlightColor: @keyframe-highlight-color;
|
||||
qproperty-KeyBorderHighlightColor: @keyframe-highlight-border-color;
|
||||
}
|
||||
|
|
@ -0,0 +1,19 @@
|
|||
/* -----------------------------------------------------------------------------
|
||||
Script Console
|
||||
----------------------------------------------------------------------------- */
|
||||
|
||||
// most properties are hard-coded so these may not work
|
||||
// consider moving them to q_properties in scriptconsole.cpp
|
||||
|
||||
#ScriptConsole {
|
||||
.text-code;
|
||||
border: 0;
|
||||
color: #000000;
|
||||
padding: 3;
|
||||
& QFrame {
|
||||
background-color: rgb(220, 220, 220);
|
||||
}
|
||||
& TPanelTitleBar {
|
||||
background-color: @title-bg-color;
|
||||
}
|
||||
}
|
||||
|
|
@ -0,0 +1,24 @@
|
|||
/* -----------------------------------------------------------------------------
|
||||
Task Viewer
|
||||
----------------------------------------------------------------------------- */
|
||||
|
||||
#TaskSheetItem,
|
||||
#tasksRemoveBox,
|
||||
#tasksAddBox {
|
||||
&:extend(.LineEdit all);
|
||||
}
|
||||
|
||||
#TaskSheetItemLabel {
|
||||
color: @text-color;
|
||||
}
|
||||
|
||||
#Tasks {
|
||||
& QToolBar {
|
||||
border-bottom: 1 solid @accent;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
& QToolButton {
|
||||
margin: 2 2 3 2;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
@ -0,0 +1,162 @@
|
|||
/* -----------------------------------------------------------------------------
|
||||
Tools Window
|
||||
----------------------------------------------------------------------------- */
|
||||
|
||||
#ToolBar {
|
||||
& QToolBar {
|
||||
padding-left: 3px;
|
||||
}
|
||||
& QToolButton {
|
||||
padding: 1 0 0 1;
|
||||
margin-top: 1;
|
||||
margin-bottom: 1;
|
||||
}
|
||||
& QToolButton#qt_toolbar_ext_button {
|
||||
qproperty-icon: url('@{img-url}/toolbar_extension_vertical.png');
|
||||
padding-bottom: 1;
|
||||
&:hover {
|
||||
background-color: @button-bg-color-hover;
|
||||
}
|
||||
&:pressed {
|
||||
background-color: @toolbutton-bg-color-pressed;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
#expandButton {
|
||||
&:checked {
|
||||
background-color: transparent;
|
||||
border-color: transparent;
|
||||
color: @text-color;
|
||||
&:hover {
|
||||
background-color: @toolbutton-bg-color-hover;
|
||||
border-color: @toolbutton-border-color-hover;
|
||||
}
|
||||
&:pressed {
|
||||
background-color: @toolbutton-bg-color-pressed;
|
||||
border-color: @toolbutton-border-color-pressed;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
/* -----------------------------------------------------------------------------
|
||||
Tool Options Window
|
||||
----------------------------------------------------------------------------- */
|
||||
|
||||
#ToolOptions {
|
||||
& TPanelTitleBar {
|
||||
border-bottom: 0;
|
||||
border-right: @title-border-width solid @title-border-color;
|
||||
max-width: 18;
|
||||
}
|
||||
}
|
||||
|
||||
#EditToolLockButton {
|
||||
// also applies to room tab lock icon (layouts/mainwindow)
|
||||
spacing: 0;
|
||||
&:hover {
|
||||
background: none;
|
||||
}
|
||||
&::indicator {
|
||||
&:extend(.button-tool all); // add a button style
|
||||
.icon-lock; // add the icon
|
||||
}
|
||||
}
|
||||
|
||||
PopupButton {
|
||||
&::menu-indicator {
|
||||
border-left: 0;
|
||||
height: 17;
|
||||
image: url('@{img-url}/combo_downarrow.svg');
|
||||
width: 10;
|
||||
&:hover {
|
||||
image: url('@{img-url}/combo_downarrow.svg');
|
||||
}
|
||||
&:disabled {
|
||||
image: url('@{img-url}/combo_downarrow_disabled.svg');
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
#Cap,
|
||||
#Join {
|
||||
@size: 32;
|
||||
padding: 0 4 0 -8;
|
||||
max-width: @size;
|
||||
min-width: @size;
|
||||
& QMenu {
|
||||
@size: 28;
|
||||
max-width: @size;
|
||||
min-width: @size;
|
||||
&::item {
|
||||
max-width: @size;
|
||||
min-width: @size;
|
||||
padding: 0;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
QToolBar#MediumPaddingToolBar { //Schematic Toolbars
|
||||
& QToolButton {
|
||||
padding-left: 2;
|
||||
padding-right: 1;
|
||||
}
|
||||
}
|
||||
|
||||
QToolBar#WidePaddingToolBar { //FrameNavigator
|
||||
& QToolButton {
|
||||
padding-left: 2;
|
||||
padding-right: 1;
|
||||
}
|
||||
}
|
||||
|
||||
/* XSheet Toolbar & Command Bar
|
||||
----------------------------------------------------------------------------- */
|
||||
|
||||
#XSheetToolbar {
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
border-bottom: 1 solid @accent;
|
||||
& QToolButton#qt_toolbar_ext_button {
|
||||
margin: 0;
|
||||
margin-top: 3;
|
||||
}
|
||||
& QToolButton {
|
||||
padding: 0;
|
||||
padding-right: -1;
|
||||
padding-bottom: -1;
|
||||
min-height: 20px;
|
||||
margin-left: 2;
|
||||
margin-right: 0;
|
||||
}
|
||||
&::separator:horizontal {
|
||||
margin: 0 0 0 2;
|
||||
}
|
||||
}
|
||||
|
||||
#CommandBar {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
border: 0;
|
||||
&::separator:horizontal {
|
||||
margin-right: 0;
|
||||
margin-left: 2;
|
||||
}
|
||||
& QToolButton {
|
||||
margin: 0 0 0 2;
|
||||
padding: 0;
|
||||
padding-top: -1;
|
||||
padding-left: -0;
|
||||
padding-right: -1;
|
||||
padding-bottom: -0;
|
||||
min-height: 20px;
|
||||
}
|
||||
& QToolButton#qt_toolbar_ext_button {
|
||||
margin-top: 1;
|
||||
}
|
||||
& TPanelTitleBar {
|
||||
border-right: @title-border-width solid @title-border-color;
|
||||
border-bottom: 0;
|
||||
max-width: 18;
|
||||
}
|
||||
}
|
||||
|
|
@ -0,0 +1,195 @@
|
|||
/* -----------------------------------------------------------------------------
|
||||
ComboViewer / Viewer / FlipBook
|
||||
----------------------------------------------------------------------------- */
|
||||
|
||||
#ComboViewerPanel {
|
||||
& Toolbar {
|
||||
border-bottom: 1 solid @accent; // accent line against viewport
|
||||
&::separator:horizontal {
|
||||
margin: 0 0 0 2;
|
||||
padding: 0;
|
||||
}
|
||||
& QToolButton {
|
||||
margin: 0;
|
||||
margin-bottom: 3; // Add 1px more margin here to allow the border-bottom
|
||||
// of ToolBar to show.
|
||||
margin-left: 2;
|
||||
margin-right: 0;
|
||||
margin-top: 2;
|
||||
padding-top: 1;
|
||||
padding-left: 1;
|
||||
padding-right: 0;
|
||||
padding-bottom: 0;
|
||||
}
|
||||
& QToolButton#qt_toolbar_ext_button {
|
||||
margin-bottom: 1;
|
||||
qproperty-icon: url('@{img-url}/toolbar_extension_horizontal.png');
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
#ComboViewerToolOptions {
|
||||
border-bottom: 1 solid @accent; // accent line against viewport & ToolBar
|
||||
}
|
||||
|
||||
#ComboViewer,
|
||||
#ViewerPanel,
|
||||
FlipBook {
|
||||
& #ToolBarContainer {
|
||||
background-color: transparent;
|
||||
border-top: 1 solid @accent;
|
||||
border-bottom: 1 solid @accent;
|
||||
padding-right: -1; // hides right border on #ScrollRightButton when
|
||||
// fps slider is disabled
|
||||
}
|
||||
}
|
||||
|
||||
#flipCustomize {
|
||||
// options menu
|
||||
&:extend(.button-tool all);
|
||||
margin-left: 3;
|
||||
&::menu-button {
|
||||
background-color: transparent;
|
||||
width: 35;
|
||||
}
|
||||
&::menu-arrow {
|
||||
image: none;
|
||||
}
|
||||
}
|
||||
|
||||
QToolBar#FlipConsolePlayToolBar {
|
||||
&::separator:horizontal {
|
||||
border-color: @accent;
|
||||
margin: 0 1 0 1;
|
||||
}
|
||||
& QToolButton {
|
||||
padding-left: 0;
|
||||
padding-top: -1;
|
||||
padding-right: -1;
|
||||
padding-bottom: -2;
|
||||
margin: 2 1 2 1;
|
||||
}
|
||||
|
||||
#KeyNo,
|
||||
#KeyPartial,
|
||||
#KeyTotal,
|
||||
#PreviousKey,
|
||||
#NextKey {
|
||||
padding-right: 1;
|
||||
padding-left: 1;
|
||||
max-width: 20px;
|
||||
max-height: 20px;
|
||||
padding-bottom: 0;
|
||||
padding-top: 0;
|
||||
}
|
||||
|
||||
#PreviousKey,
|
||||
#NextKey {
|
||||
margin: 0 2;
|
||||
}
|
||||
}
|
||||
|
||||
#ViewerFpsSlider {
|
||||
background-color: transparent;
|
||||
background-image: url('@{img-url}/@{slider-groove-img}');
|
||||
background-position: center center;
|
||||
background-repeat: repeat-x;
|
||||
border: 0;
|
||||
height: 19;
|
||||
margin: 0 3 0 37;
|
||||
max-width: 300;
|
||||
min-width: 0;
|
||||
&::sub-line:horizontal {
|
||||
subcontrol-origin: absolute;
|
||||
background-color: @button-bg-color;
|
||||
border: 1 solid @button-border-color;
|
||||
border-top-left-radius: 2;
|
||||
border-bottom-left-radius: 2;
|
||||
height: 16;
|
||||
left: -33;
|
||||
width: 14;
|
||||
}
|
||||
&::add-line:horizontal {
|
||||
subcontrol-position: left;
|
||||
background-color: @button-bg-color;
|
||||
border: 1 solid @button-border-color;
|
||||
border-top-right-radius: 2;
|
||||
border-bottom-right-radius: 2;
|
||||
left: 18;
|
||||
height: 16;
|
||||
image-position: center center;
|
||||
width: 13;
|
||||
}
|
||||
&::sub-line:horizontal,
|
||||
&::add-line:horizontal {
|
||||
&:hover {
|
||||
&:extend(.Button:hover all);
|
||||
}
|
||||
&:pressed {
|
||||
&:extend(.Button:pressed all);
|
||||
}
|
||||
&:disabled {
|
||||
&:extend(.Button:disabled all);
|
||||
}
|
||||
}
|
||||
&::handle {
|
||||
&::horizontal {
|
||||
@size: 9;
|
||||
background-color: @slider-handle-bg-color;
|
||||
border: 1 solid @slider-handle-border-color;
|
||||
border-radius: 2;
|
||||
margin: 2 0 3 0;
|
||||
min-width: @size;
|
||||
width: @size;
|
||||
max-width: @size;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
FlipConsole {
|
||||
qproperty-FpsFieldColor: @input-bg-color;
|
||||
}
|
||||
|
||||
FlipSlider {
|
||||
qproperty-PBHeight: 15;
|
||||
|
||||
// slider
|
||||
qproperty-PBOverlay: url('@{img-url}/@{flipslider-img}');
|
||||
qproperty-PBColorMarginLeft: 1;
|
||||
qproperty-PBColorMarginTop: 2;
|
||||
qproperty-PBColorMarginRight: 1;
|
||||
qproperty-PBColorMarginBottom: 2;
|
||||
|
||||
// marker
|
||||
qproperty-PBMarker: url('@{img-url}/@{flipmarker-img}');
|
||||
qproperty-PBMarkerMarginLeft: 3;
|
||||
qproperty-PBMarkerMarginRight: 3;
|
||||
qproperty-notStartedColor: @flipslider-notstarted-color;
|
||||
qproperty-startedColor: @flipslider-started-color;
|
||||
qproperty-baseColor: @flipslider-base-color;
|
||||
qproperty-finishedColor: @flipslider-finished-color;
|
||||
}
|
||||
|
||||
Ruler {
|
||||
qproperty-ParentBGColor: @viewer-ruler-bg-color;
|
||||
qproperty-ScaleColor: @viewer-ruler-scale-color;
|
||||
qproperty-HandleColor: @viewer-ruler-handle-color;
|
||||
qproperty-HandleDragColor: @viewer-ruler-handle-drag-color;
|
||||
qproperty-BorderColor: @viewer-ruler-border-color;
|
||||
}
|
||||
|
||||
#RulerToolOptionValues {
|
||||
color: @viewer-ruler-ToolOptionValues-color;
|
||||
}
|
||||
|
||||
#enableBlankFrameButton {
|
||||
&:extend(.Button all);
|
||||
background-color: transparent;
|
||||
border-color: transparent;
|
||||
color: @text-color-disabled;
|
||||
padding: 0;
|
||||
font-weight: bold;
|
||||
&:checked {
|
||||
border-width: 2px;
|
||||
}
|
||||
}
|
||||
|
|
@ -0,0 +1,303 @@
|
|||
/* -----------------------------------------------------------------------------
|
||||
XSheet Viewer
|
||||
----------------------------------------------------------------------------- */
|
||||
|
||||
/* ScrollAreas (Row, Column and Cell)
|
||||
----------------------------------------------------------------------------- */
|
||||
|
||||
#xsheetArea,
|
||||
#ScrollColumnArea,
|
||||
#ScrollRowArea,
|
||||
#ScrollCellArea {
|
||||
background-color: @xsheet-empty-bg-color;
|
||||
border: 0;
|
||||
}
|
||||
|
||||
#xsheetScrollArea {
|
||||
border: 0;
|
||||
}
|
||||
|
||||
#cornerWidget {
|
||||
& QToolButton {
|
||||
padding: 0;
|
||||
}
|
||||
}
|
||||
|
||||
#XsheetCellArea {
|
||||
& QLineEdit {
|
||||
margin-top: 1; // make it align with cell-selection box
|
||||
&:focus {
|
||||
border-radius: 0;
|
||||
border-width: 2; // boost the contrast
|
||||
border-left-width: 2; // make it align with cell-selection box
|
||||
border-color: @xsheet-CellFocus-color;
|
||||
background-color: @xsheet-CellArea-bg-color-focus;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
#RenameCellField {
|
||||
padding-right: 3;
|
||||
}
|
||||
|
||||
/* xsheetColumnHeader (Context Menus)
|
||||
----------------------------------------------------------------------------- */
|
||||
|
||||
#xsheetColumnAreaMenu_Preview {
|
||||
background-color: @xsheet-menu-preview-color;
|
||||
}
|
||||
|
||||
#xsheetColumnAreaMenu_Lock {
|
||||
background-color: @xsheet-menu-lock-color;
|
||||
}
|
||||
|
||||
#xsheetColumnAreaMenu_Camstand {
|
||||
background-color: @xsheet-menu-camstand-color;
|
||||
}
|
||||
|
||||
#xsheetColumnAreaMenu_Preview,
|
||||
#xsheetColumnAreaMenu_Lock,
|
||||
#xsheetColumnAreaMenu_Camstand {
|
||||
color: @xsheet-menu-text-color;
|
||||
}
|
||||
|
||||
#noteTextEdit{
|
||||
color: @xsheet-notes-text-color;
|
||||
}
|
||||
|
||||
#DvMiniToolBar {
|
||||
border: 1 solid @accent;
|
||||
}
|
||||
|
||||
/* XSheet Spreadsheet
|
||||
----------------------------------------------------------------------------- */
|
||||
|
||||
XsheetViewer {
|
||||
qproperty-TextColor: @xsheet-text-color;
|
||||
qproperty-ErrorTextColor: @xsheet-error-text-color;
|
||||
qproperty-BGColor: @xsheet-bg-color;
|
||||
qproperty-LightLineColor: @xsheet-LightLine-color;
|
||||
qproperty-MarkerLineColor: @xsheet-MarkerLine-color;
|
||||
qproperty-VerticalLineColor: @xsheet-VerticalLine-color;
|
||||
qproperty-VerticalLineHeadColor: @xsheet-VerticalLineHead-color;
|
||||
qproperty-PreviewFrameTextColor: @xsheet-PreviewFrameText-color;
|
||||
qproperty-CurrentRowBgColor: @xsheet-CurrentRowBG-color;
|
||||
qproperty-OnionSkinAreaBgColor: @xsheet-OnionSkinAreaBG-color;
|
||||
qproperty-CellFocusColor: @xsheet-CellFocus-color;
|
||||
qproperty-ColumnIconLineColor: @xsheet-ColumnIconLine-color;
|
||||
qproperty-EmptyColumnHeadColor: @xsheet-EmptyColumnHead-color;
|
||||
qproperty-ColumnHeadPastelizer: @xsheet-ColumnHeadPastelizer-color;
|
||||
qproperty-SelectedColumnHead: @xsheet-SelectedColumnHead-color;
|
||||
qproperty-PlayRangeColor: @xsheet-PlayRange-Color;
|
||||
|
||||
qproperty-FoldedColumnBGColor: @xsheet-FoldedColumnBG-color;
|
||||
qproperty-FoldedColumnLineColor: @xsheet-FoldedColumnLine-color;
|
||||
|
||||
qproperty-EmptyCellColor: @xsheet-EmptyCell-color;
|
||||
qproperty-NotEmptyColumnColor: @xsheet-NotEmptyColumn-color; // Not empty "cell"
|
||||
qproperty-SelectedEmptyCellColor: @xsheet-SelectedEmptyCell-color;
|
||||
|
||||
// Level Type Colors
|
||||
qproperty-LevelColumnColor: @xsheet-LevelColumn-color;
|
||||
qproperty-LevelColumnBorderColor: desaturate(darken(@xsheet-LevelColumn-color, @columnBorderDarkness), @columnBorderDesaturation);
|
||||
qproperty-SelectedLevelColumnColor: mix(shade(@xsheet-LevelColumn-color, @cellHighlightLightness), @cellHighlightTintColor, @cellHighlightTintAmount);
|
||||
|
||||
qproperty-VectorColumnColor: @xsheet-VectorColumn-color;
|
||||
qproperty-VectorColumnBorderColor: desaturate(darken(@xsheet-VectorColumn-color, @columnBorderDarkness), @columnBorderDesaturation);
|
||||
qproperty-SelectedVectorColumnColor: mix(shade(@xsheet-VectorColumn-color, @cellHighlightLightness), @cellHighlightTintColor, @cellHighlightTintAmount);
|
||||
|
||||
qproperty-ChildColumnColor: @xsheet-ChildColumn-color;
|
||||
qproperty-ChildColumnBorderColor: desaturate(darken(@xsheet-ChildColumn-color, @columnBorderDarkness), @columnBorderDesaturation);
|
||||
qproperty-SelectedChildColumnColor: mix(shade(@xsheet-ChildColumn-color, @cellHighlightLightness), @cellHighlightTintColor, @cellHighlightTintAmount);
|
||||
|
||||
qproperty-FullcolorColumnColor: @xsheet-FullColorColumn-color;
|
||||
qproperty-FullcolorColumnBorderColor: desaturate(darken(@xsheet-FullColorColumn-color, @columnBorderDarkness), @columnBorderDesaturation);
|
||||
qproperty-SelectedFullcolorColumnColor: mix(shade(@xsheet-FullColorColumn-color, @cellHighlightLightness), @cellHighlightTintColor, @cellHighlightTintAmount);
|
||||
|
||||
qproperty-FxColumnColor: @xsheet-FxColumn-color;
|
||||
qproperty-FxColumnBorderColor: desaturate(darken(@xsheet-FxColumn-color, @columnBorderDarkness), @columnBorderDesaturation);
|
||||
qproperty-SelectedFxColumnColor: mix(shade(@xsheet-FxColumn-color, @cellHighlightLightness), @cellHighlightTintColor, @cellHighlightTintAmount);
|
||||
|
||||
qproperty-ReferenceColumnColor: @xsheet-ReferenceColumn-color;
|
||||
qproperty-ReferenceColumnBorderColor: desaturate(darken(@xsheet-ReferenceColumn-color, @columnBorderDarkness), @columnBorderDesaturation);
|
||||
qproperty-SelectedReferenceColumnColor: mix(shade(@xsheet-ReferenceColumn-color, @cellHighlightLightness), @cellHighlightTintColor, @cellHighlightTintAmount);
|
||||
|
||||
qproperty-PaletteColumnColor: @xsheet-PaletteColumn-color;
|
||||
qproperty-PaletteColumnBorderColor: desaturate(darken(@xsheet-PaletteColumn-color, @columnBorderDarkness), @columnBorderDesaturation);
|
||||
qproperty-SelectedPaletteColumnColor: mix(shade(@xsheet-PaletteColumn-color, @cellHighlightLightness), @cellHighlightTintColor, @cellHighlightTintAmount);
|
||||
|
||||
qproperty-MeshColumnColor: @xsheet-MeshColumn-color;
|
||||
qproperty-MeshColumnBorderColor: desaturate(darken(@xsheet-MeshColumn-color, @columnBorderDarkness), @columnBorderDesaturation);
|
||||
qproperty-SelectedMeshColumnColor: mix(shade(@xsheet-MeshColumn-color, @cellHighlightLightness), @cellHighlightTintColor, @cellHighlightTintAmount);
|
||||
|
||||
qproperty-SoundTextColumnColor: @xsheet-SoundTextColumn-color;
|
||||
qproperty-SoundTextColumnBorderColor: desaturate(darken(@xsheet-SoundTextColumn-color, @columnBorderDarkness), @columnBorderDesaturation);
|
||||
qproperty-SelectedSoundTextColumnColor: mix(shade(@xsheet-SoundTextColumn-color, @cellHighlightLightness), @cellHighlightTintColor, @cellHighlightTintAmount);
|
||||
|
||||
qproperty-SoundColumnColor: @xsheet-SoundColumn-color;
|
||||
qproperty-SoundColumnBorderColor: desaturate(darken(@xsheet-SoundColumn-color, @columnBorderDarkness), @columnBorderDesaturation);
|
||||
qproperty-SelectedSoundColumnColor: mix(shade(@xsheet-SoundColumn-color, @cellHighlightLightness), @cellHighlightTintColor, @cellHighlightTintAmount);
|
||||
qproperty-SoundColumnHlColor: @xsheet-SoundColumnHL-color;
|
||||
qproperty-SoundColumnTrackColor: @xsheet-SoundColumnTrack-color;
|
||||
|
||||
qproperty-ActiveCameraColor: @xsheet-ActiveCamera-color;
|
||||
qproperty-SelectedActiveCameraColor: mix(shade(@xsheet-ActiveCamera-color, @cellHighlightLightness), @cellHighlightTintColor, @cellHighlightTintAmount);
|
||||
qproperty-OtherCameraColor: @xsheet-OtherCamera-color;
|
||||
qproperty-SelectedOtherCameraColor: mix(shade(@xsheet-OtherCamera-color, @cellHighlightLightness), @cellHighlightTintColor, @cellHighlightTintAmount);
|
||||
|
||||
qproperty-LightLightBGColor: @function-LightLightBG-color;
|
||||
qproperty-LightBGColor: @xsheet-LightBG-color;
|
||||
qproperty-DarkBGColor: @xsheet-DarkBG-color;
|
||||
qproperty-DarkLineColor: @xsheet-DarkLine-color;
|
||||
|
||||
qproperty-TableColor: @xsheet-Table-color;
|
||||
qproperty-PegColor: @xsheet-Peg-color;
|
||||
// Column Header: Vertical
|
||||
qproperty-TimelineIconLineColor: @timeline-IconLine-color;
|
||||
qproperty-XsheetColumnNameBgColor: @xsheet-ColumnNameBg-color;
|
||||
qproperty-XsheetDragBarHighlightColor: @xsheet-DragBarHighlight-color;
|
||||
|
||||
qproperty-XsheetPreviewButtonBgOnColor: @xsheet-PreviewButtonBgOn-color;
|
||||
qproperty-XsheetPreviewButtonOnImage: url('@{img-url}/x_prev_eye_on.svg');
|
||||
qproperty-XsheetPreviewButtonBgOffColor: transparent;
|
||||
qproperty-XsheetPreviewButtonOffImage: url('@{img-url}/x_prev_eye_off.svg');
|
||||
|
||||
qproperty-XsheetCamstandButtonBgOnColor: @xsheet-CamstandButtonBgOn-color;
|
||||
qproperty-XsheetCamstandButtonOnImage: url('@{img-url}/x_table_view_on.svg');
|
||||
qproperty-XsheetCamstandButtonTranspImage: url('@{img-url}/x_table_view_transp.svg');
|
||||
qproperty-XsheetCamstandButtonBgOffColor: transparent;
|
||||
qproperty-XsheetCamstandButtonOffImage: url('@{img-url}/x_table_view_off.svg');
|
||||
|
||||
qproperty-XsheetLockButtonBgOnColor: @xsheet-LockButtonBgOn-color;
|
||||
qproperty-XsheetLockButtonOnImage: url('@{img-url}/x_lock_on.svg');
|
||||
qproperty-XsheetLockButtonBgOffColor: transparent;
|
||||
qproperty-XsheetLockButtonOffImage: url('@{img-url}/x_lock_off.svg');
|
||||
|
||||
qproperty-XsheetConfigButtonBgColor: @xsheet-ConfigButtonBg-color;
|
||||
qproperty-XsheetConfigButtonImage: url('@{img-url}/x_config.svg');
|
||||
|
||||
qproperty-FrameRangeMarkerLineColor: @timeline-FrameRangeMarkerLine-color;
|
||||
|
||||
// Column Header: Horizontal
|
||||
qproperty-TimelinePreviewButtonBgOnColor: @bg;
|
||||
qproperty-TimelinePreviewButtonOnImage: url('@{img-url}/preview_small.svg');
|
||||
qproperty-TimelinePreviewButtonBgOffColor: @bg;
|
||||
qproperty-TimelinePreviewButtonOffImage: url('none');
|
||||
|
||||
qproperty-TimelineCamstandButtonBgOnColor: @bg;
|
||||
qproperty-TimelineCamstandButtonOnImage: url('@{img-url}/table_small.svg');
|
||||
qproperty-TimelineCamstandButtonTranspImage: url('@{img-url}/trans_small.svg');
|
||||
qproperty-TimelineCamstandButtonBgOffColor: @bg;
|
||||
qproperty-TimelineCamstandButtonOffImage: url('none');
|
||||
|
||||
qproperty-TimelineLockButtonBgOnColor: @bg;
|
||||
qproperty-TimelineLockButtonOnImage: url('@{img-url}/lock_on_small.svg');
|
||||
qproperty-TimelineLockButtonBgOffColor: @bg;
|
||||
qproperty-TimelineLockButtonOffImage: url('none');
|
||||
|
||||
qproperty-TimelineConfigButtonBgColor: @bg;
|
||||
qproperty-TimelineConfigButtonImage: url('@{img-url}/timeline_config.svg');
|
||||
|
||||
// Header Control
|
||||
qproperty-LayerHeaderPreviewImage: url('@{img-url}/layer_header_prev_eye.svg');
|
||||
qproperty-LayerHeaderPreviewOverImage: url('@{img-url}/layer_header_prev_eye_over.svg');
|
||||
qproperty-LayerHeaderCamstandImage: url('@{img-url}/layer_header_table_view.svg');
|
||||
qproperty-LayerHeaderCamstandOverImage: url('@{img-url}/layer_header_table_view_over.svg');
|
||||
qproperty-LayerHeaderLockImage: url('@{img-url}/layer_lock_on.svg');
|
||||
qproperty-LayerHeaderLockOverImage: url('@{img-url}/layer_lock_on_over.svg');
|
||||
}
|
||||
|
||||
/* -----------------------------------------------------------------------------
|
||||
Function Editor
|
||||
----------------------------------------------------------------------------- */
|
||||
|
||||
#FunctionEditor {
|
||||
& QToolBar {
|
||||
border-bottom: 1 solid @accent;
|
||||
background-color: transparent;
|
||||
padding-bottom: 10;
|
||||
& QToolBar {
|
||||
border: 0;
|
||||
}
|
||||
& QToolButton {
|
||||
margin-bottom: 2;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
#FunctionParametersPanel {
|
||||
&:extend(.frame all);
|
||||
}
|
||||
|
||||
#FunctionEditorTree {
|
||||
&:extend(.treeview all);
|
||||
border-top: 1 solid @accent;
|
||||
}
|
||||
|
||||
FunctionTreeView {
|
||||
qproperty-TextColor: @function-treeview-text-color;
|
||||
}
|
||||
|
||||
/* Function Editor Spreadsheet
|
||||
----------------------------------------------------------------------------- */
|
||||
|
||||
// If a qproperty shares the same likeness with XSheet then pair the variables.
|
||||
// XSheet should be considered as parent.
|
||||
|
||||
|
||||
#ScrollRowArea,
|
||||
#ScrollCellArea {
|
||||
border-top:1 solid @xsheet-VerticalLine-color;
|
||||
}
|
||||
|
||||
#ScrollCellArea {
|
||||
border-left:1 solid @xsheet-VerticalLine-color;
|
||||
}
|
||||
|
||||
#ScrollColumnArea {
|
||||
padding-left:2;
|
||||
}
|
||||
|
||||
FunctionPanel {
|
||||
qproperty-BGColor: @function-panel-bg-color;
|
||||
qproperty-ValueLineColor: @function-panel-ValueLine-color;
|
||||
qproperty-FrameLineColor: @function-panel-FrameLine-color;
|
||||
qproperty-OtherCurvesColor: @function-panel-OtherCurves-color;
|
||||
qproperty-RulerBackground: @function-panel-RulerBG-color;
|
||||
qproperty-TextColor: @function-panel-Text-color;
|
||||
qproperty-SubColor: @function-panel-Sub-color;
|
||||
qproperty-SelectedColor: @function-panel-Selected-color;
|
||||
}
|
||||
|
||||
SpreadsheetViewer {
|
||||
qproperty-LightLightBGColor: @function-LightLightBG-color; // paired
|
||||
qproperty-CurrentRowBgColor: @xsheet-CurrentRowBG-color; // paired
|
||||
qproperty-LightLineColor: @xsheet-LightLine-color; // paired
|
||||
qproperty-MarkerLineColor: @xsheet-MarkerLine-color; // paired
|
||||
qproperty-BGColor: @function-ColumnHeaderBG-color;
|
||||
qproperty-VerticalLineColor: @xsheet-VerticalLine-color; // paired
|
||||
qproperty-KeyFrameColor: @function-KeyFrame-color;
|
||||
qproperty-KeyFrameBorderColor: @function-KeyFrameBorder-color;
|
||||
qproperty-SelectedKeyFrameColor: @function-SelectedKeyFrame-color;
|
||||
qproperty-IgnoredKeyFrameColor: @function-IgnoredKeyFrame-color;
|
||||
qproperty-SelectedIgnoredKeyFrameColor: @function-SelectedIgnoredKeyFrame-color;
|
||||
qproperty-InBetweenColor: @function-Inbetween-color;
|
||||
qproperty-InBetweenBorderColor: @function-InbetweenBorder-color;
|
||||
qproperty-SelectedInBetweenColor: @function-SelectedInbetween-color;
|
||||
qproperty-IgnoredInBetweenColor: @function-IgnoredInbetween-color;
|
||||
qproperty-SelectedIgnoredInBetweenColor: @function-SelectedIgnoredInbetween-color;
|
||||
qproperty-SelectedEmptyColor: @xsheet-SelectedEmptyCell-color; // paired
|
||||
qproperty-SelectedSceneRangeEmptyColor: @function-SelectedSceneRangeEmpty-color;
|
||||
qproperty-TextColor: @xsheet-text-color; // paired
|
||||
qproperty-ColumnHeaderBorderColor: @function-ColumnHeaderBorder-color; // paired
|
||||
}
|
||||
|
||||
#FunctionSegmentViewer {}
|
||||
|
||||
#ExpressionField {
|
||||
background-color: @function-ExpressionFieldBG-color;
|
||||
border: 1 solid @function-ExpressionFieldBorder-color;
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
// #FunctionSegmentViewerLinkButton {}
|
||||
13
.config/OpenToonz/stuff/config/qss/Default/less/main.less
Normal file
13
.config/OpenToonz/stuff/config/qss/Default/less/main.less
Normal file
|
|
@ -0,0 +1,13 @@
|
|||
// -----------------------------------------------------------------------------
|
||||
// Main Include File
|
||||
// -----------------------------------------------------------------------------
|
||||
|
||||
// Base
|
||||
@import 'base/colors';
|
||||
@import 'base/mixins';
|
||||
|
||||
// Components (must come before layouts)
|
||||
@import 'components/all';
|
||||
|
||||
// Layouts
|
||||
@import 'layouts/all';
|
||||
|
|
@ -0,0 +1,15 @@
|
|||
// out: ../../../Blue/Blue.qss
|
||||
|
||||
// -----------------------------------------------------------------------------
|
||||
// BLUE
|
||||
// -----------------------------------------------------------------------------
|
||||
|
||||
// Override
|
||||
@import '../Default';
|
||||
|
||||
// Resource Location
|
||||
@img-url: '../Default/imgs/white';
|
||||
|
||||
@bg: rgb(65, 67, 69);
|
||||
@text-color: rgb(214, 216, 221);
|
||||
@title-text-color-active: #43AEE5;
|
||||
121
.config/OpenToonz/stuff/config/qss/Default/less/themes/Dark.less
Normal file
121
.config/OpenToonz/stuff/config/qss/Default/less/themes/Dark.less
Normal file
|
|
@ -0,0 +1,121 @@
|
|||
// out: ../../../Dark/Dark.qss
|
||||
|
||||
// -----------------------------------------------------------------------------
|
||||
// DARK
|
||||
// -----------------------------------------------------------------------------
|
||||
|
||||
// Override
|
||||
@import '../Default';
|
||||
|
||||
// Resource Location
|
||||
@img-url: '../Default/imgs/white';
|
||||
|
||||
@bg: #303030;
|
||||
@accent: darken(@bg, 12);
|
||||
@dock-bg-color: darken(@bg, 12);
|
||||
@tabbar-bg-color: darken(@bg, 4);
|
||||
|
||||
// -----------------------------------------------------------------------------
|
||||
// Menu
|
||||
// -----------------------------------------------------------------------------
|
||||
|
||||
@menu-bg-color: darken(@bg, 4);
|
||||
@menu-border-color: lighten(@menu-bg-color, 10);
|
||||
|
||||
// -----------------------------------------------------------------------------
|
||||
// File Browser / Trees
|
||||
// -----------------------------------------------------------------------------
|
||||
|
||||
@tree-bg-color: darken(@bg, 4);
|
||||
@browser-itemview-bg-color: darken(@bg, 0);
|
||||
@prefs-tree-bg-color: darken(@bg, 4);
|
||||
|
||||
// -----------------------------------------------------------------------------
|
||||
// Scrollbars
|
||||
// -----------------------------------------------------------------------------
|
||||
|
||||
@scrollbar-bg-color: darken(@bg, 5);
|
||||
|
||||
// -----------------------------------------------------------------------------
|
||||
// Textfield
|
||||
// -----------------------------------------------------------------------------
|
||||
|
||||
@input-bg-color: darken(@bg, 8);
|
||||
@input-border-color: lighten(@bg, 10);
|
||||
|
||||
// -----------------------------------------------------------------------------
|
||||
// CheckBox
|
||||
// -----------------------------------------------------------------------------
|
||||
|
||||
@checkbox-border-color: @input-border-color;
|
||||
@checkbox-border-color-disabled: @input-border-color-disabled;
|
||||
@checkbox-border-color-hover: lighten(@bg, 70);
|
||||
@checkbox-border-color-checked: @checkbox-bg-color-checked;
|
||||
|
||||
// For RadioButton
|
||||
@radiobutton-img-unchecked: 'radiobutton-dark_unchecked.svg';
|
||||
@radiobutton-img-unchecked-hover: 'radiobutton-dark_unchecked_hover.svg';
|
||||
@radiobutton-img-unchecked-disabled: 'radiobutton-dark_unchecked_disabled.svg';
|
||||
|
||||
// -----------------------------------------------------------------------------
|
||||
// Slider
|
||||
// -----------------------------------------------------------------------------
|
||||
|
||||
// SVG
|
||||
@slider-groove-img: 'slider-groove_dark.svg';
|
||||
@slider-groove-img-disabled: 'slider-groove_disabled_dark.svg';
|
||||
|
||||
// DoublePairField, IntPairField
|
||||
@slider-groove-color: darken(@bg, 9);
|
||||
|
||||
// -----------------------------------------------------------------------------
|
||||
// Viewer Window
|
||||
// -----------------------------------------------------------------------------
|
||||
|
||||
// Flip Slider
|
||||
@flipmarker-img: 'flipmarker_dark.svg';
|
||||
@flipslider-img: 'flipslider_dark.svg';
|
||||
@flipslider-base-color: darken(@bg, 5);
|
||||
|
||||
// -----------------------------------------------------------------------------
|
||||
// Progress Bar
|
||||
// -----------------------------------------------------------------------------
|
||||
|
||||
@progressbar-bg-color: darken(@bg, 4);
|
||||
|
||||
// -----------------------------------------------------------------------------
|
||||
// Titlebars
|
||||
// -----------------------------------------------------------------------------
|
||||
|
||||
@title-bg-color: darken(@bg, 4);
|
||||
|
||||
// -----------------------------------------------------------------------------
|
||||
// XSheet
|
||||
// -----------------------------------------------------------------------------
|
||||
|
||||
@xsheet-LightLine-color: rgba(0, 0, 0, 0.3);
|
||||
@xsheet-VerticalLine-color: rgba(0, 0, 0, 0.4);
|
||||
@xsheet-bg-color: @bg;
|
||||
@xsheet-OnionSkinAreaBG-color: darken(@bg, 3);
|
||||
@xsheet-NotEmptyColumn-color: @bg;
|
||||
@xsheet-LightLightBG-color: darken(@bg, 3);
|
||||
@xsheet-PlayRange-Color: lighten(@bg, 3);
|
||||
@xsheet-EmptyCell-color: darken(@bg, 3);
|
||||
|
||||
// -----------------------------------------------------------------------------
|
||||
// Function Editor
|
||||
// -----------------------------------------------------------------------------
|
||||
|
||||
// Function Curve Panel
|
||||
@function-panel-OtherCurves-color: lighten(@function-panel-bg-color, 30);
|
||||
|
||||
// Function Spreadsheet Viewer
|
||||
@function-ColumnHeaderBorder-color: lighten(@bg, 10);
|
||||
@function-ColumnHeaderBG-color: darken(@bg, 4);
|
||||
|
||||
// -----------------------------------------------------------------------------
|
||||
// Schematic Viewer
|
||||
// -----------------------------------------------------------------------------
|
||||
|
||||
// Node Viewer
|
||||
@schematic-viewer-bg-color: darken(@bg, 4);
|
||||
|
|
@ -0,0 +1,250 @@
|
|||
// out: ../../../Light/Light.qss
|
||||
|
||||
// -----------------------------------------------------------------------------
|
||||
// LIGHT
|
||||
// -----------------------------------------------------------------------------
|
||||
// This inherits from NEUTRAL theme, when updating NEUTRAL make sure to check
|
||||
// changes against LIGHT.
|
||||
//
|
||||
// NOTE: Compile Neutral.less before this.
|
||||
// -----------------------------------------------------------------------------
|
||||
|
||||
// Override
|
||||
@import 'Neutral.less';
|
||||
|
||||
// Resource Location
|
||||
@img-url: '../Default/imgs/black';
|
||||
|
||||
@bg: #DBDBDB;
|
||||
@accent: darken(@bg, 20);
|
||||
@dock-bg-color: darken(@bg, 30);
|
||||
@hl-bg-color: #a0c1dd;
|
||||
@hl-text-color: #000;
|
||||
@hl-bg-color-secondary: darken(@bg, 15);
|
||||
|
||||
@dialogButtonFrame-bg-color: @bg;
|
||||
|
||||
// -----------------------------------------------------------------------------
|
||||
// Tabs
|
||||
// -----------------------------------------------------------------------------
|
||||
|
||||
@tabbar-bg-color: darken(@bg, 9);
|
||||
|
||||
// -----------------------------------------------------------------------------
|
||||
// Menu
|
||||
// -----------------------------------------------------------------------------
|
||||
|
||||
@menu-bg-color: @bg;
|
||||
@menu-checkbox-text-color-selected: @text-color;
|
||||
@menu-icon-checked-bg-color: @toolbutton-bg-color-checked;
|
||||
@menu-icon-checked-border-color: @toolbutton-border-color-checked;
|
||||
|
||||
// -----------------------------------------------------------------------------
|
||||
// Scrollbars
|
||||
// -----------------------------------------------------------------------------
|
||||
|
||||
// Container
|
||||
@scrollbar-handle-bg-color: darken(@bg, 15);
|
||||
|
||||
// -----------------------------------------------------------------------------
|
||||
// Titlebars
|
||||
// -----------------------------------------------------------------------------
|
||||
|
||||
@title-text-color: fade(@text-color, 50);
|
||||
@title-text-color-active: @text-color;
|
||||
|
||||
// Title pane icon colors
|
||||
@title-button-pressed-color: darken(@hl-bg-color, 8);
|
||||
@title-button-rollover-color: darken(@title-bg-color, 20);
|
||||
@title-button-freeze-color: #e0625c;
|
||||
@title-button-preview-color: #2cb856;
|
||||
|
||||
// -----------------------------------------------------------------------------
|
||||
// Button
|
||||
// -----------------------------------------------------------------------------
|
||||
|
||||
@button-bg-color: darken(@bg, 8);
|
||||
@button-border-color: darken(@button-bg-color, 15);
|
||||
@button-bg-color-hover: lighten(@button-bg-color, 5);
|
||||
@button-border-color-checked: darken(@button-bg-color-checked, 15);
|
||||
@button-text-color-checked: @text-color;
|
||||
@button-bg-color-disabled: darken(@bg, 4);
|
||||
@button-border-color-disabled: darken(@button-bg-color-disabled, 10);
|
||||
@button-bg-color-focus: mix(@hl-bg-color, @button-bg-color, 70);
|
||||
@button-border-color-focus: darken(@button-bg-color-focus, 10);
|
||||
|
||||
// -----------------------------------------------------------------------------
|
||||
// Tool Buttons
|
||||
// -----------------------------------------------------------------------------
|
||||
|
||||
@toolbutton-border-color-checked: darken(@toolbutton-bg-color-checked, 10);
|
||||
@toolbutton-bg-color-hover: darken(@bg, 15);
|
||||
@toolbutton-lock-bg-color-checked: @title-button-freeze-color;
|
||||
@toolbutton-lock-border-color-checked: darken(@toolbutton-lock-bg-color-checked, 20);
|
||||
|
||||
// -----------------------------------------------------------------------------
|
||||
// Textfield
|
||||
// -----------------------------------------------------------------------------
|
||||
|
||||
@input-bg-color: lighten(@bg, 10);
|
||||
@input-text-color: #000;
|
||||
@input-border-color: @accent;
|
||||
@input-border-color-focus: saturate(darken(@hl-bg-color, 20), 20);
|
||||
@input-bg-color-disabled: lighten(@bg, 8);
|
||||
|
||||
// -----------------------------------------------------------------------------
|
||||
// CheckBox
|
||||
// -----------------------------------------------------------------------------
|
||||
|
||||
@checkbox-bg-color-hover: lighten(@hl-bg-color, 10);
|
||||
@checkbox-border-color-hover: darken(@bg, 40);
|
||||
@checkbox-text-color-hover: @text-color;
|
||||
@checkbox-bg-color-checked-hover: darken(@bg, 50);
|
||||
@checkbox-border-color-checked-hover: @checkbox-bg-color-checked-hover;
|
||||
@checkbox-bg-color-disabled: @bg;
|
||||
|
||||
// -----------------------------------------------------------------------------
|
||||
// Viewer Window
|
||||
// -----------------------------------------------------------------------------
|
||||
|
||||
// FlipSlider
|
||||
@flipmarker-img: 'flipmarker_light.svg';
|
||||
@flipslider-img: 'flipslider_light.svg';
|
||||
@flipslider-base-color: darken(@bg, 10);
|
||||
@flipslider-notstarted-color: rgb(195, 60, 60);
|
||||
@flipslider-started-color: rgb(16, 221, 64);
|
||||
|
||||
// Ruler
|
||||
@viewer-ruler-handle-color: black;
|
||||
@viewer-ruler-handle-drag-color: red;
|
||||
|
||||
// -----------------------------------------------------------------------------
|
||||
// Palette Window
|
||||
// -----------------------------------------------------------------------------
|
||||
|
||||
// All views (except list);
|
||||
@palette-SelectedBorderColor: rgb(66, 82, 100);
|
||||
@palette-NumpadShortcutBgColor: rgba(0, 0, 0, 0.15);
|
||||
@palette-NumpadShortcutBorderColor: rgb(128, 128, 128);
|
||||
|
||||
// List view
|
||||
@palette-ListNumpadShortcutBorderColor: rgb(105, 105, 105);
|
||||
|
||||
// -----------------------------------------------------------------------------
|
||||
// File Browser / Trees
|
||||
// -----------------------------------------------------------------------------
|
||||
|
||||
// Trees
|
||||
@tree-bg-color: darken(@bg, 5);
|
||||
@tree-bg-color-alt: lighten(@tree-bg-color, -4);
|
||||
|
||||
// -----------------------------------------------------------------------------
|
||||
// Keyframes
|
||||
// -----------------------------------------------------------------------------
|
||||
|
||||
@keyframe-total-color: #f8a145;
|
||||
|
||||
// For use in FX Settings Panels
|
||||
@keyframe-inbetween-color: #e6dbb6;
|
||||
@keyframe-modified-color: rgb(243, 226, 129);
|
||||
|
||||
// -----------------------------------------------------------------------------
|
||||
// Slider
|
||||
// -----------------------------------------------------------------------------
|
||||
|
||||
// Single
|
||||
@slider-groove-img: 'slider-groove_light.svg';
|
||||
@slider-groove-img-disabled: 'slider-groove_disabled_light.svg';
|
||||
@slider-handle-img: 'slider-handle_light.svg';
|
||||
@slider-handle-img-disabled: 'slider-handle_disabled_light.svg';
|
||||
@slider-v-handle-img: 'slider-v-handle_light.svg';
|
||||
@slider-v-handle-img-disabled: 'slider-v-handle_disabled_light.svg';
|
||||
|
||||
// This one is used only for #ViewerFpsSlider
|
||||
@slider-handle-bg-color: lighten(@bg, -10);
|
||||
@slider-handle-border-color: darken(@bg, 30);
|
||||
|
||||
// DoublePairField, IntPairField
|
||||
@slider-groove-color: darken(@bg, 35);
|
||||
|
||||
// -----------------------------------------------------------------------------
|
||||
// XSheet
|
||||
// -----------------------------------------------------------------------------
|
||||
|
||||
// XSheet Spreadsheet Viewer
|
||||
@xsheet-bg-color: darken(@bg, 5);
|
||||
@xsheet-LightLine-color: rgba(0, 0, 0, 0.15);
|
||||
@xsheet-VerticalLine-color: rgba(0, 0, 0, 0.15);
|
||||
@xsheet-ColumnIconLine-color: rgb(112, 112, 112);
|
||||
@xsheet-MarkerLine-color: rgba(0, 0, 0, 0.3);
|
||||
@xsheet-OnionSkinAreaBG-color: darken(@bg, 10);
|
||||
@xsheet-PreviewFrameText-color: #2d42b9;
|
||||
@xsheet-CurrentRowBG-color: saturate(lighten(fade(@hl-bg-color, 70), -8), 8);
|
||||
@xsheet-VerticalLineHead-color: rgba(0, 0, 0, 0.3);
|
||||
@xsheet-SelectedColumnHead-color: fade(black, 15);
|
||||
|
||||
@xsheet-FoldedColumnBG-color: lighten(@bg, -20);
|
||||
@xsheet-FoldedColumnLine-color: darken(@bg, 40);
|
||||
|
||||
// Level Type Colors Adjustment
|
||||
@columnBorderDesaturation: 8;
|
||||
@columnBorderDarkness: 15;
|
||||
@cellHighlightLightness: 10;
|
||||
|
||||
@xsheet-EmptyCell-color: @xsheet-OnionSkinAreaBG-color;
|
||||
@xsheet-NotEmptyColumn-color: @xsheet-bg-color;
|
||||
@xsheet-SelectedEmptyCell-color: fade(mix(lighten(@xsheet-EmptyCell-color, -20), @cellHighlightTintColor, 80), 50);
|
||||
|
||||
@xsheet-LevelColumn-color: #a1cea1;
|
||||
@xsheet-VectorColumn-color: #d3cf9a;
|
||||
@xsheet-ChildColumn-color: #cca3cc;
|
||||
@xsheet-FullColorColumn-color: #b0cbdd;
|
||||
@xsheet-FxColumn-color: #ceb694;
|
||||
@xsheet-ReferenceColumn-color: #c2c2c2;
|
||||
@xsheet-PaletteColumn-color: #a9d4ca;
|
||||
@xsheet-MeshColumn-color: #b8a2cf;
|
||||
@xsheet-SoundColumn-color: #aad6d6;
|
||||
@xsheet-SoundTextColumn-color: #c2c2c2;
|
||||
@xsheet-ActiveCamera-color: #b7dbfc;
|
||||
@xsheet-OtherCamera-color: #9ad9e2;
|
||||
@xsheet-Table-color: #cbcbe4;
|
||||
@xsheet-Peg-color: #dfb081;
|
||||
|
||||
// Orientation: Timeline
|
||||
@timeline-IconLine-color: rgba(0, 0, 0, 0.144);
|
||||
@timeline-FrameRangeMarkerLine-color: rgba(0, 0, 0, 0.3);
|
||||
|
||||
// Orientation: XSheet
|
||||
@xsheet-CamstandButtonBgOn-color: rgb(255, 166, 131);
|
||||
@xsheet-PreviewButtonBgOn-color: rgb(233, 233, 127);
|
||||
|
||||
// -----------------------------------------------------------------------------
|
||||
// Schematic Viewer
|
||||
// -----------------------------------------------------------------------------
|
||||
|
||||
// Node Viewer
|
||||
@schematic-viewer-bg-color: rgb(128, 128, 128);
|
||||
@schematic-ActiveCameraColor: #79b5ee;
|
||||
@schematic-OtherCameraColor: #6eb7c2;
|
||||
@schematic-ActiveOutputcolor: @schematic-ActiveCameraColor;
|
||||
@schematic-OtherOutputcolor: @schematic-OtherCameraColor;
|
||||
|
||||
// Node Type Colors Adjustment
|
||||
@nodeLightness: 15;
|
||||
@nodeSaturation: 15;
|
||||
|
||||
// -----------------------------------------------------------------------------
|
||||
// Function Editor
|
||||
// -----------------------------------------------------------------------------
|
||||
|
||||
// Function Curve Panel
|
||||
@function-panel-bg-color: @schematic-viewer-bg-color;
|
||||
@function-panel-OtherCurves-color: rgb(218, 218, 218);
|
||||
@function-panel-Text-color: @text-color;
|
||||
|
||||
@function-panel-Sub-color: #fff;
|
||||
@function-panel-Selected-color: #ffe033;
|
||||
@function-IgnoredKeyFrame-color: rgb(203,87,101);
|
||||
@function-IgnoredInbetween-color: rgb(194,156,146);
|
||||
|
||||
@function-SelectedKeyFrame-color: mix(shade(@function-KeyFrame-color, @cellHighlightLightness), @cellHighlightTintColor, @cellHighlightTintAmount);
|
||||
|
|
@ -0,0 +1,281 @@
|
|||
// out: ../../../Neutral/Neutral.qss
|
||||
|
||||
// -----------------------------------------------------------------------------
|
||||
// NEUTRAL GREY
|
||||
// -----------------------------------------------------------------------------
|
||||
|
||||
// Override
|
||||
@import '../Default';
|
||||
|
||||
// Resource Location
|
||||
@img-url: '../Default/imgs/black';
|
||||
|
||||
@bg: #808080;
|
||||
@accent: darken(@bg, 15);
|
||||
@text-color: #000;
|
||||
|
||||
@hl-bg-color: #8FA0B2;
|
||||
@hl-text-color: #000;
|
||||
@hl-bg-color-secondary: rgba(255, 255, 255, 0.15);
|
||||
|
||||
@dock-bg-color: darken(@bg, 30);
|
||||
@label-title: rgb(0, 0, 0);
|
||||
|
||||
// -----------------------------------------------------------------------------
|
||||
// Tabs
|
||||
// -----------------------------------------------------------------------------
|
||||
|
||||
@tabbar-bg-color: darken(@bg, 6);
|
||||
@tab-text-color: @text-color;
|
||||
@tab-text-color-hover: @text-color;
|
||||
@tab-text-color-selected: @text-color;
|
||||
|
||||
// -----------------------------------------------------------------------------
|
||||
// Titlebars
|
||||
// -----------------------------------------------------------------------------
|
||||
|
||||
@title-text-color: @tab-text-color;
|
||||
@title-text-color-active: rgba(255, 255, 255, 0.8);
|
||||
@title-border-color: darken(@title-bg-color, 10);
|
||||
@title-button-rollover-color: lighten(@title-bg-color, 10);
|
||||
@title-button-preview-color: #15b884;
|
||||
|
||||
// -----------------------------------------------------------------------------
|
||||
// Menu
|
||||
// -----------------------------------------------------------------------------
|
||||
|
||||
@menu-bg-color: lighten(@bg, 20);
|
||||
@menu-separator-color: rgba(0, 0, 0, 0.171);
|
||||
|
||||
// -----------------------------------------------------------------------------
|
||||
// Scrollbars
|
||||
// -----------------------------------------------------------------------------
|
||||
|
||||
@scrollbar-bg-color: darken(@bg, 0);
|
||||
@scrollbar-handle-bg-color: darken(@bg, 12);
|
||||
@scrollbar-handle-bg-color-hover: darken(@scrollbar-handle-bg-color, 6);
|
||||
@scrollbar-handle-bg-color-pressed: darken(@scrollbar-handle-bg-color-hover, 6);
|
||||
|
||||
// -----------------------------------------------------------------------------
|
||||
// Palette Window
|
||||
// -----------------------------------------------------------------------------
|
||||
|
||||
// All views (except list)
|
||||
@palette-NumpadShortcutBorderColor: rgb(190, 190, 190);
|
||||
|
||||
// -----------------------------------------------------------------------------
|
||||
// File Browser / Trees
|
||||
// -----------------------------------------------------------------------------
|
||||
|
||||
// Trees
|
||||
@tree-bg-color: darken(@bg, 4);
|
||||
@prefs-tree-bg-color: @tree-bg-color;
|
||||
|
||||
// All Panes
|
||||
@browser-folder-text-color: rgb(0, 22, 134);
|
||||
|
||||
// Right Pane
|
||||
@browser-itemview-bg-color: lighten(@bg, 0);
|
||||
|
||||
// -----------------------------------------------------------------------------
|
||||
// Button
|
||||
// -----------------------------------------------------------------------------
|
||||
|
||||
@button-bg-color: lighten(@bg, 12);
|
||||
@button-border-color: darken(@bg, 12);
|
||||
|
||||
@button-bg-color-hover: lighten(@button-bg-color, 8);
|
||||
@button-border-color-pressed: darken(@button-bg-color-pressed, 8);
|
||||
|
||||
@button-bg-color-checked: darken(@bg, 15);
|
||||
@button-border-color-checked: darken(@button-bg-color-checked, 10);
|
||||
@button-text-color-checked: rgba(255, 255, 255, 0.917);
|
||||
@button-text-color-focus: @button-text-color;
|
||||
@button-border-color-focus: darken(@button-bg-color-focus, 40);
|
||||
|
||||
@button-border-color-disabled: darken(@bg, 5);
|
||||
|
||||
// For QDialogs
|
||||
@button-dialog-border-color: @button-border-color;
|
||||
|
||||
// -----------------------------------------------------------------------------
|
||||
// Tool Buttons
|
||||
// -----------------------------------------------------------------------------
|
||||
|
||||
// Main
|
||||
@toolbutton-border-color-hover: @button-border-color;
|
||||
|
||||
@toolbutton-border-color-checked: darken(@toolbutton-bg-color-checked, 30);
|
||||
@toolbutton-text-color-checked: @text-color;
|
||||
|
||||
@toolbutton-bg-color-checked-hover: lighten(@toolbutton-bg-color-checked, 8);
|
||||
@toolbutton-border-color-checked-hover: @toolbutton-border-color-checked;
|
||||
|
||||
// Lock
|
||||
@toolbutton-lock-bg-color-checked: #bd5454;
|
||||
@toolbutton-lock-border-color-checked: darken(@toolbutton-lock-bg-color-checked, 20);
|
||||
@toolbutton-lock-border-color-checked-hover: @toolbutton-lock-border-color-checked;
|
||||
|
||||
// -----------------------------------------------------------------------------
|
||||
// ComboBox
|
||||
// -----------------------------------------------------------------------------
|
||||
|
||||
@combobox-dropdown-border-size: 1;
|
||||
|
||||
// -----------------------------------------------------------------------------
|
||||
// Textfield
|
||||
// -----------------------------------------------------------------------------
|
||||
|
||||
@input-bg-color: lighten(@bg, 25);
|
||||
@input-border-color: @accent;
|
||||
@input-border-color-focus: #000;
|
||||
@input-bg-color-disabled: lighten(@bg, 10);
|
||||
|
||||
// -----------------------------------------------------------------------------
|
||||
// CheckBox
|
||||
// -----------------------------------------------------------------------------
|
||||
|
||||
@checkbox-text-color-hover: rgba(255, 255, 255, 0.8);
|
||||
@checkbox-bg-color-checked: rgba(0, 0, 0, 0.8);
|
||||
@checkbox-bg-color-disabled: rgba(255, 255, 255, 0.11);
|
||||
@checkbox-border-color-disabled: rgba(0, 0, 0, 0.11);
|
||||
@checkbox-bg-color-checked-disabled: darken(@bg, 10);
|
||||
@checkbox-border-color-checked-disabled: darken(@bg, 15);
|
||||
|
||||
// -----------------------------------------------------------------------------
|
||||
// Slider
|
||||
// -----------------------------------------------------------------------------
|
||||
|
||||
@slider-handle-margin: -2 0;
|
||||
@slider-v-handle-margin: 0 -2;
|
||||
|
||||
// This one is used only for #ViewerFpsSlider
|
||||
@slider-handle-bg-color: lighten(@bg, 15);
|
||||
@slider-handle-border-color: @accent;
|
||||
|
||||
// DoublePairField, IntPairField
|
||||
@slider-groove-color: darken(@bg, 22);
|
||||
|
||||
// -----------------------------------------------------------------------------
|
||||
// Viewer Window
|
||||
// -----------------------------------------------------------------------------
|
||||
|
||||
// FlipSlider
|
||||
@flipslider-notstarted-color: rgb(167, 64, 64);
|
||||
@flipslider-started-color: rgb(0, 168, 8);
|
||||
|
||||
// -----------------------------------------------------------------------------
|
||||
// Schematic Viewer
|
||||
// -----------------------------------------------------------------------------
|
||||
|
||||
@schematic-viewer-bg-color: darken(@bg, 10);
|
||||
|
||||
// Node Type Colors
|
||||
@nodeLightness: 0;
|
||||
@nodeSaturation: 0;
|
||||
|
||||
@schematic-TableColor: rgb(164, 164, 191);
|
||||
@schematic-ActiveCameraColor: @xsheet-ActiveCamera-color;
|
||||
@schematic-OtherCameraColor: @xsheet-OtherCamera-color;
|
||||
@schematic-GroupColor: rgb(102, 152, 198);
|
||||
@schematic-PegColor: rgb(190, 138, 86);
|
||||
@schematic-SplineColor: rgb(123, 184, 33);
|
||||
@schematic-ActiveOutputcolor: @xsheet-ActiveCamera-color;
|
||||
@schematic-OtherOutputcolor: @xsheet-OtherCamera-color;
|
||||
@schematic-XsheetColor: rgb(164, 164, 191);
|
||||
@schematic-PassThroughColor: #bdbdbd;
|
||||
@schematic-NormalFxColor: rgb(141, 156, 175);
|
||||
@schematic-MacroFxColor: rgb(174, 140, 165);
|
||||
@schematic-ImageAdjustFxColor: rgb(156, 154, 180);
|
||||
@schematic-LayerBlendingFxColor: rgb(112, 155,165);
|
||||
@schematic-MatteFxColor: rgb(186, 133, 133);
|
||||
|
||||
// -----------------------------------------------------------------------------
|
||||
// XSheet
|
||||
// -----------------------------------------------------------------------------
|
||||
|
||||
// XSheet Spreadsheet Viewer
|
||||
@xsheet-error-text-color: rgb(192, 17, 17);
|
||||
@xsheet-bg-color: darken(@bg, 4);
|
||||
@xsheet-LightLine-color: rgba(0, 0, 0, 0.15);
|
||||
@xsheet-MarkerLine-color: rgba(255, 255, 255, 0.2);
|
||||
@xsheet-PreviewFrameText-color: #17239c;
|
||||
@xsheet-OnionSkinAreaBG-color: darken(@bg, 8);
|
||||
@xsheet-EmptyCell-color: @xsheet-OnionSkinAreaBG-color;
|
||||
@xsheet-NotEmptyColumn-color: @xsheet-bg-color;
|
||||
@xsheet-PlayRange-Color: @bg;
|
||||
@xsheet-ColumnIconLine-color: darken(@bg, 20);
|
||||
@xsheet-VerticalLineHead-color: @accent;
|
||||
@xsheet-CurrentRowBG-color: saturate(lighten(fade(@hl-bg-color, 70), 20), 50);
|
||||
|
||||
@xsheet-CellArea-bg-color-focus: @input-bg-color;
|
||||
@xsheet-CellFocus-color: #000;
|
||||
|
||||
@xsheet-FoldedColumnBG-color: lighten(@bg, 10);
|
||||
@xsheet-FoldedColumnLine-color: darken(@bg, 5);
|
||||
|
||||
// Level Type Colors Adjustment
|
||||
@columnBorderDesaturation: 0;
|
||||
@columnBorderDarkness: 15;
|
||||
|
||||
@xsheet-LevelColumn-color: #78a578;
|
||||
@xsheet-VectorColumn-color: #a7a163;
|
||||
@xsheet-ChildColumn-color: #9a759c;
|
||||
@xsheet-FullColorColumn-color: #839bb1;
|
||||
@xsheet-FxColumn-color: #928562;
|
||||
@xsheet-ReferenceColumn-color: #959595;
|
||||
@xsheet-PaletteColumn-color: #599586;
|
||||
@xsheet-MeshColumn-color: #8b73a7;
|
||||
@xsheet-SoundColumn-color: #749e9e;
|
||||
@xsheet-SoundColumnHL-color: #f5ffe6;
|
||||
@xsheet-SoundColumnTrack-color: rgba(0,0,0,0.8);
|
||||
@xsheet-ActiveCamera-color: rgb(100, 145, 190);
|
||||
@xsheet-OtherCamera-color: rgb(143, 156, 158);
|
||||
@xsheet-Table-color: #a4a4bf;
|
||||
@xsheet-Peg-color: #be8a56;
|
||||
|
||||
// Timeline
|
||||
@timeline-FrameRangeMarkerLine-color: darken(@bg, 15);
|
||||
|
||||
// -----------------------------------------------------------------------------
|
||||
// Keyframes
|
||||
// -----------------------------------------------------------------------------
|
||||
|
||||
@keyframe-off-border-color-hover: @toolbutton-border-color-hover;
|
||||
|
||||
@keyframe-total-color: #c77a27;
|
||||
@keyframe-total-color-hover: lighten(@keyframe-total-color, 10);
|
||||
@keyframe-total-border-color: darken(@keyframe-total-color, 20);
|
||||
@keyframe-total-border-color-hover: @keyframe-total-border-color;
|
||||
|
||||
@keyframe-partial-border-color: @keyframe-total-border-color;
|
||||
@keyframe-partial-border-color-hover: @keyframe-total-border-color;
|
||||
|
||||
// For use in FX Settings Panels
|
||||
@keyframe-highlight-border-color: @toolbutton-border-color-hover;
|
||||
@keyframe-inbetween-color: #c0ba80;
|
||||
@keyframe-inbetween-border-color: darken(@keyframe-inbetween-color, 40);
|
||||
@keyframe-modified-border-color: darken(@keyframe-modified-color, 40);
|
||||
|
||||
// -----------------------------------------------------------------------------
|
||||
// Function Editor
|
||||
// -----------------------------------------------------------------------------
|
||||
|
||||
// Function Curve Panel
|
||||
@function-panel-bg-color: darken(@bg, 15);
|
||||
@function-panel-OtherCurves-color: rgb(197, 197, 197);
|
||||
@function-panel-RulerBG-color: darken(@bg, 10);
|
||||
@function-panel-Sub-color: rgb(255, 255, 255);
|
||||
@function-panel-Selected-color: rgb(252, 174, 6);
|
||||
|
||||
// Function Spreadsheet Viewer
|
||||
@function-ColumnHeaderBorder-color: @dock-bg-color;
|
||||
@schematic-label-text-color: #000;
|
||||
|
||||
@function-KeyFrame-color: lighten(desaturate(spin(@keyframe-total-color, -0.2295), 14.0523), 3.9216);
|
||||
@function-KeyFrameBorder-color: darken(@function-KeyFrame-color, 25);
|
||||
|
||||
@function-Inbetween-color: lighten(desaturate(spin(@keyframe-inbetween-color, -5.2841), 20.8935), 3.5294);
|
||||
@function-InbetweenBorder-color: darken(desaturate(@function-Inbetween-color, 8), 25);
|
||||
|
||||
@xsheet-VerticalLineHead-color: darken(@bg, 20);
|
||||
Loading…
Add table
Add a link
Reference in a new issue