Initial checkin of Pika from heckimp
This commit is contained in:
18
themes/Compact/compact.css
Normal file
18
themes/Compact/compact.css
Normal file
@ -0,0 +1,18 @@
|
||||
/* Set of common styles for the Compact theme for PIKA 3.0 */
|
||||
|
||||
* {
|
||||
-PikaToolPalette-tool-icon-size: small-toolbar;
|
||||
font-size: small;
|
||||
}
|
||||
|
||||
toolpalette button {
|
||||
padding: 0px;
|
||||
}
|
||||
|
||||
button, tab {
|
||||
padding: 0px;
|
||||
}
|
||||
|
||||
paned separator {
|
||||
padding: 1px;
|
||||
}
|
||||
3
themes/Compact/meson.build
Normal file
3
themes/Compact/meson.build
Normal file
@ -0,0 +1,3 @@
|
||||
install_data([ 'pika.css', 'pika-dark.css', 'compact.css' ],
|
||||
install_dir: pikadatadir / 'themes' / 'Compact')
|
||||
|
||||
4
themes/Compact/pika-dark.css
Normal file
4
themes/Compact/pika-dark.css
Normal file
@ -0,0 +1,4 @@
|
||||
/* Dark variant for the Compact theme for PIKA 3.0 */
|
||||
|
||||
@import url("../Default/pika-dark.css");
|
||||
@import url("compact.css");
|
||||
4
themes/Compact/pika.css
Normal file
4
themes/Compact/pika.css
Normal file
@ -0,0 +1,4 @@
|
||||
/* Light variant for the Compact theme for PIKA 3.0 */
|
||||
|
||||
@import url("../Default/pika.css");
|
||||
@import url("compact.css");
|
||||
6
themes/Darker/meson.build
Normal file
6
themes/Darker/meson.build
Normal file
@ -0,0 +1,6 @@
|
||||
files = [
|
||||
'pika.css', 'pika-dark.css',
|
||||
]
|
||||
|
||||
install_data(files,
|
||||
install_dir: pikadatadir / 'themes' / 'Darker')
|
||||
61
themes/Darker/pika-dark.css
Normal file
61
themes/Darker/pika-dark.css
Normal file
@ -0,0 +1,61 @@
|
||||
/* Dark variant for the Default theme for PIKA 3.0 */
|
||||
|
||||
/* Hint for debugging themes:
|
||||
* first enable the GTK inspector with
|
||||
gsettings set org.gtk.Settings.Debug enable-inspector-keybinding true
|
||||
* then (after restarting PIKA) call it up with ctrl+shift+i
|
||||
* or from PIKA's UI: File > Debug > Start GtkInspector
|
||||
*/
|
||||
|
||||
/* Basic foreground, background and border colors. */
|
||||
@define-color fg-color white;
|
||||
@define-color bg-color rgb(30,30,30);
|
||||
@define-color border-color rgb(35,35,35);
|
||||
|
||||
/********* Variants for foreground colors *********/
|
||||
|
||||
/* In places where we want not as strongly contrasted text. */
|
||||
@define-color dimmed-fg-color rgb(155,155,155);
|
||||
/* Disabled items, such as disabled actions in menus. */
|
||||
@define-color disabled-fg-color rgb(145,145,145);
|
||||
/* Disabled buttons are dimmed even more (text needs to still be
|
||||
* readable, but buttons design are usually enough. */
|
||||
@define-color disabled-button-color rgb(50,50,50);
|
||||
|
||||
/********* Variants for background colors *********/
|
||||
|
||||
/* Background color for hovered items to "stick out". */
|
||||
@define-color hover-color rgb(5,5,5);
|
||||
/* Background color when we want widgets-in-widgets to differenciate. It
|
||||
* will usually be "less extreme", i.e. darker on a light theme, or
|
||||
* lighter on a dark theme.
|
||||
*/
|
||||
@define-color widget-bg-color rgb(35,35,35);
|
||||
/* Color for selected items, in particular when their usual background
|
||||
* color is @widget-bg-color or @bg-color. It will usually be ligher on
|
||||
* a light theme, or darker on a dark theme.
|
||||
*/
|
||||
@define-color selected-color rgb(5,5,5);
|
||||
|
||||
/* Background color more extreme in the theme tendency, i.e. darker on a
|
||||
* dark theme, ligther on a light theme. */
|
||||
@define-color extreme-bg-color rgb(20,20,20);
|
||||
/* Color for a selected item to "stick out" when @extreme-bg-color is
|
||||
* used. It will usually be darker than @bg-color on a light theme,
|
||||
* lighter on a dark theme.
|
||||
*/
|
||||
@define-color extreme-selected-color rgb(40,40,40);
|
||||
|
||||
/********* Variants for border colors *********/
|
||||
|
||||
@define-color strong-border-color rgb(50,50,50);
|
||||
@define-color stronger-border-color rgb(75,75,75);
|
||||
|
||||
/********* Colors for special cases *********/
|
||||
|
||||
@define-color scrollbar-slider-color rgb(140,140,140);
|
||||
@define-color scrollbar-trough-color rgb(5,5,5);
|
||||
|
||||
@define-color ruler-color rgba(35,35,35,0.3);
|
||||
|
||||
@import url("../Default/common-dark.css");
|
||||
73
themes/Darker/pika.css
Normal file
73
themes/Darker/pika.css
Normal file
@ -0,0 +1,73 @@
|
||||
/* Light variant for the Default theme for PIKA 3.0 */
|
||||
|
||||
/* Hint for debugging themes:
|
||||
* first enable the GTK inspector with
|
||||
gsettings set org.gtk.Settings.Debug enable-inspector-keybinding true
|
||||
* then (after restarting PIKA) call it up with ctrl+shift+i
|
||||
* or from PIKA's UI: File > Debug > Start GtkInspector
|
||||
*/
|
||||
|
||||
/* Basic foreground, background and border colors. */
|
||||
@define-color fg-color black;
|
||||
@define-color bg-color rgb(235,235,235);
|
||||
@define-color border-color rgb(220,220,220);
|
||||
|
||||
/********* Variants for foreground colors *********/
|
||||
|
||||
/* In places where we want not as strongly contrasted text. */
|
||||
@define-color dimmed-fg-color rgb(100,100,100);
|
||||
/* Disabled items, such as disabled actions in menus. */
|
||||
@define-color disabled-fg-color rgb(110,110,110);
|
||||
/* Disabled buttons are dimmed even more (text needs to still be
|
||||
* readable, but buttons design are usually enough. */
|
||||
@define-color disabled-button-color rgb(200,200,200);
|
||||
|
||||
/********* Variants for background colors *********/
|
||||
|
||||
/* Background color for hovered items to "stick out". */
|
||||
@define-color hover-color rgb(250,250,250);
|
||||
/* Background color when we want widgets-in-widgets to differenciate. It
|
||||
* will usually be "less extreme", i.e. darker on a light theme, or
|
||||
* lighter on a dark theme.
|
||||
*/
|
||||
@define-color widget-bg-color rgb(220,220,220);
|
||||
/* Color for selected items, in particular when their usual background
|
||||
* color is @widget-bg-color or @bg-color. It will usually be ligher on
|
||||
* a light theme, or darker on a dark theme.
|
||||
*/
|
||||
@define-color selected-color rgb(250,250,250);
|
||||
|
||||
/* Background color more extreme in the theme tendency, i.e. darker on a
|
||||
* dark theme, ligther on a light theme. */
|
||||
@define-color extreme-bg-color rgb(250,250,250);
|
||||
/* Color for a selected item to "stick out" when @extreme-bg-color is
|
||||
* used. It will usually be darker than @bg-color on a light theme,
|
||||
* ligher on a dark theme.
|
||||
*/
|
||||
@define-color extreme-selected-color rgb(220,220,220);
|
||||
|
||||
/********* Variants for border colors *********/
|
||||
|
||||
@define-color strong-border-color rgb(200,200,200);
|
||||
@define-color stronger-border-color rgb(185,185,185);
|
||||
|
||||
/********* Colors for special cases *********/
|
||||
|
||||
@define-color scrollbar-slider-color rgb(110,110,110);
|
||||
@define-color scrollbar-trough-color rgb(250,250,250);
|
||||
|
||||
@define-color ruler-color rgba(220,220,220,0.3);
|
||||
|
||||
/*
|
||||
* Paned separator handles
|
||||
*/
|
||||
paned.horizontal > separator {
|
||||
background-image: url("../Default/ui/separator-handle-v.svg");
|
||||
}
|
||||
|
||||
paned.vertical > separator {
|
||||
background-image: url("../Default/ui/separator-handle-h.svg");
|
||||
}
|
||||
|
||||
|
||||
@import url("../Default/common-light.css");
|
||||
25
themes/Default/common-dark.css
Normal file
25
themes/Default/common-dark.css
Normal file
@ -0,0 +1,25 @@
|
||||
/* The specific light theme interface styles for PIKA 3.0 */
|
||||
/* Theme specific colors are defined in pika-dark.css */
|
||||
|
||||
/* Hint for debugging themes:
|
||||
* first enable the GTK inspector with
|
||||
gsettings set org.gtk.Settings.Debug enable-inspector-keybinding true
|
||||
* then (after restarting PIKA) call it up with ctrl+shift+i
|
||||
* or from PIKA's UI: File > Debug > Start GtkInspector
|
||||
*/
|
||||
|
||||
@import url("common.css");
|
||||
|
||||
/*
|
||||
* Paned separator handles
|
||||
*/
|
||||
paned.horizontal > separator {
|
||||
background-image: url("ui/separator-handle-v-dark.svg");
|
||||
background-color: @bg-color;
|
||||
}
|
||||
|
||||
paned.vertical > separator {
|
||||
background-image: url("ui/separator-handle-h-dark.svg");
|
||||
background-color: @bg-color;
|
||||
}
|
||||
|
||||
22
themes/Default/common-light.css
Normal file
22
themes/Default/common-light.css
Normal file
@ -0,0 +1,22 @@
|
||||
/* The specific light theme interface styles for PIKA 3.0 */
|
||||
/* Theme specific colors are defined in pika.css */
|
||||
|
||||
/* Hint for debugging themes:
|
||||
* first enable the GTK inspector with
|
||||
gsettings set org.gtk.Settings.Debug enable-inspector-keybinding true
|
||||
* then (after restarting PIKA) call it up with ctrl+shift+i
|
||||
* or from PIKA's UI: File > Debug > Start GtkInspector
|
||||
*/
|
||||
|
||||
@import url("common.css");
|
||||
|
||||
/*
|
||||
* Paned separator handles
|
||||
*/
|
||||
paned.horizontal > separator {
|
||||
background-image: url("ui/separator-handle-v.svg");
|
||||
}
|
||||
|
||||
paned.vertical > separator {
|
||||
background-image: url("ui/separator-handle-h.svg");
|
||||
}
|
||||
496
themes/Default/common.css
Normal file
496
themes/Default/common.css
Normal file
@ -0,0 +1,496 @@
|
||||
/* A set of interface style definitions common to light and dark theme variants for PIKA 3.0
|
||||
* The specific dark and light interface styles are defined in common-light.css, common-dark.css */
|
||||
|
||||
/* The specific dark and light colors are defined in pika-dark.css, pika.css */
|
||||
|
||||
/* Do not import this file directly from pika.css or pika-dark.css files, you will miss light/dark theme specific styles.
|
||||
* Do import matching common-[dark,light].css */
|
||||
|
||||
|
||||
/* Hint for debugging themes:
|
||||
* first enable the GTK inspector with
|
||||
gsettings set org.gtk.Settings.Debug enable-inspector-keybinding true
|
||||
* then (after restarting PIKA) call it up with ctrl+shift+i
|
||||
* or from PIKA's UI: File > Debug > Start GtkInspector
|
||||
*/
|
||||
|
||||
@import url("../System/pika.css");
|
||||
|
||||
* {
|
||||
/* Default text color; needed for e.g. the Prefs dialog title area,
|
||||
* which doesn't have any more specific way to style it.
|
||||
*/
|
||||
color: @fg-color;
|
||||
}
|
||||
|
||||
*:disabled {
|
||||
color: @disabled-fg-color;
|
||||
}
|
||||
|
||||
#image-menubar, GtkImageMenuItem {
|
||||
background-color: @bg-color;
|
||||
color: @fg-color;
|
||||
}
|
||||
|
||||
/* TreeViews, e.g. in a file picker or the Prefs dialog */
|
||||
.view {
|
||||
background-color: @extreme-bg-color;
|
||||
color: @fg-color;
|
||||
}
|
||||
|
||||
/* Selected items in a treeview list. */
|
||||
.view:selected {
|
||||
background-color: @extreme-selected-color;
|
||||
color: @fg-color;
|
||||
}
|
||||
|
||||
.view:disabled {
|
||||
color: @disabled-fg-color;
|
||||
}
|
||||
|
||||
/* Selected text in a treeview cell (e.g. layer name in edition mode). */
|
||||
.view selection {
|
||||
background-color: @fg-color;
|
||||
color: @bg-color;
|
||||
}
|
||||
|
||||
.view header button {
|
||||
background-color: @bg-color;
|
||||
border: 1px solid @stronger-border-color;
|
||||
}
|
||||
|
||||
/* The main image window before it has an image in it,
|
||||
* and the buttonbar along the bottoms of dialogs.
|
||||
* Foreground color here is the text color, not the Wilber color.
|
||||
* background-color and background here are ignored.
|
||||
*/
|
||||
PikaDisplayShell, PikaDock, .dialog-action-box, .dialog-vbox {
|
||||
color: @dimmed-fg-color;
|
||||
}
|
||||
|
||||
/* Foreground color for the big Wilber in the empty image window.
|
||||
* Again, background-color and background here are ignored.
|
||||
*/
|
||||
#pika-canvas {
|
||||
color: @dimmed-fg-color;
|
||||
}
|
||||
|
||||
/* GtkTextView */
|
||||
textview text, textview {
|
||||
background-color: @extreme-bg-color;
|
||||
color: @fg-color;
|
||||
}
|
||||
/* End GtkTextView */
|
||||
|
||||
combobox window.popup, combobox window {
|
||||
background-image: none;
|
||||
background-color: @widget-bg-color;
|
||||
color: @fg-color;
|
||||
}
|
||||
|
||||
combobox box, combobox box.linked, combobox button {
|
||||
color: @fg-color;
|
||||
background-image: none;
|
||||
border-color: @stronger-border-color;
|
||||
}
|
||||
|
||||
/* Remove "corners" around the combo boxes */
|
||||
combobox box, combobox box.linked {
|
||||
background-color: transparent;
|
||||
}
|
||||
|
||||
combobox button {
|
||||
background-color: @widget-bg-color;
|
||||
}
|
||||
|
||||
/* Get rid of the outline around all tabs in the pikacolordialog */
|
||||
PikaColorNotebook .frame {
|
||||
border-color: @bg-color;
|
||||
}
|
||||
|
||||
/* Color history buttons in the color chooser.
|
||||
* The selector PikaColorHistory button gets the color buttons
|
||||
* but not the + button; PikaColorSelection gets both.
|
||||
*/
|
||||
PikaColorSelection button {
|
||||
background: @widget-bg-color;
|
||||
border: 1px solid @stronger-border-color;
|
||||
color: @fg-color;
|
||||
}
|
||||
|
||||
PikaColorSelection button:hover {
|
||||
background: @hover-color;
|
||||
}
|
||||
|
||||
/* The tabs above the color selector */
|
||||
notebook stack {
|
||||
background-color: @bg-color;
|
||||
}
|
||||
|
||||
/* Use this to make a border or padding around each tab */
|
||||
notebook header tabs tab {
|
||||
padding: 1px;
|
||||
margin-left: 2px;
|
||||
margin-right: 2px;
|
||||
border: 1px solid @strong-border-color;
|
||||
}
|
||||
|
||||
/* The underline for selected tabs */
|
||||
notebook header tabs tab:checked {
|
||||
background-color: @selected-color;
|
||||
box-shadow: 0 -4px @stronger-border-color inset;
|
||||
}
|
||||
|
||||
notebook header tabs tab:hover {
|
||||
background-color: @hover-color;
|
||||
}
|
||||
|
||||
/* Add margin to image tabs so the close button fits */
|
||||
notebook header tabs tab > box > button
|
||||
{
|
||||
margin-right: 5px;
|
||||
}
|
||||
|
||||
/* The background of many dialogs, e.g. Preferences and pikacolordialog */
|
||||
.vertical {
|
||||
color: @fg-color;
|
||||
background-color: @bg-color;
|
||||
background-image: none;
|
||||
}
|
||||
|
||||
/* Background for many button bars and dialog titles.
|
||||
* Also, unexpectedly, controls the prefs "Reload Current Theme" button content.
|
||||
*
|
||||
* Warning: setting a background-color here "breaks" the marks added by
|
||||
* gtk_scale_add_mark() on a GtkScale. I'm still unsure why, but the conclusion
|
||||
* is probably that it's a bad idea to set too broad background-color rules.
|
||||
*/
|
||||
.horizontal {
|
||||
color: @fg-color;
|
||||
}
|
||||
|
||||
/* Text buttons, e.g. the main buttons at the bottoms of dialogs,
|
||||
* 0..100 and 0..255 at the top of pikacolordialog,
|
||||
* where they're inside a PikaColorSelection
|
||||
*/
|
||||
.text-button {
|
||||
color: @fg-color;
|
||||
background-color: @widget-bg-color;
|
||||
background-image: none;
|
||||
font-weight: normal;
|
||||
}
|
||||
|
||||
.text-button:hover {
|
||||
background-color: @hover-color;
|
||||
}
|
||||
|
||||
/* .flat covers the tool buttons and the buttons at the bottom
|
||||
* of the Toolbox window.
|
||||
*/
|
||||
|
||||
toolbutton button.flat {
|
||||
background-color: @bg-color;
|
||||
color: @fg-color;
|
||||
}
|
||||
|
||||
toolbutton button.flat:checked {
|
||||
background: @selected-color;
|
||||
}
|
||||
|
||||
toolbutton button.flat:hover {
|
||||
background: @selected-color;
|
||||
}
|
||||
|
||||
/* Color the toolbox Wilber icon */
|
||||
PikaDock frame:first-child:not(label) {
|
||||
color: @dimmed-fg-color;
|
||||
}
|
||||
/* Fix an issue with a few labels in the toolbox
|
||||
* having their colors overwritten with Wilber's
|
||||
*/
|
||||
PikaDock frame:first-child label {
|
||||
color: @fg-color;
|
||||
}
|
||||
|
||||
scrollbar {
|
||||
background-color: @bg-color;
|
||||
}
|
||||
|
||||
/*
|
||||
Worth trying for always-visible scrollbar:
|
||||
https://stackoverflow.com/questions/52414202/gtkscrolledwindow-how-to-always-show-the-overlay-scrollbar
|
||||
Doesn't seem to work here, though.
|
||||
*/
|
||||
scrollbar trough {
|
||||
background: @scrollbar-trough-color;
|
||||
}
|
||||
|
||||
scrollbar slider {
|
||||
background: @scrollbar-slider-color;
|
||||
border: 2px solid @border-color;
|
||||
}
|
||||
|
||||
/* Removes black border around scrolled windows */
|
||||
scrolledwindow viewport grid, scrolledwindow viewport box {
|
||||
border-radius: 1px;
|
||||
border: 0px solid @bg-color;
|
||||
}
|
||||
|
||||
notebook header {
|
||||
background-color: @bg-color;
|
||||
}
|
||||
|
||||
PikaRuler {
|
||||
background-color: @ruler-color;
|
||||
}
|
||||
|
||||
entry {
|
||||
background-color: @extreme-bg-color;
|
||||
color: @fg-color;
|
||||
}
|
||||
|
||||
entry selection {
|
||||
background-color: @fg-color;
|
||||
color: @bg-color;
|
||||
}
|
||||
|
||||
paned separator {
|
||||
color: @border-color;
|
||||
background-image: none;
|
||||
background-color: @border-color;
|
||||
background-position: center;
|
||||
background-repeat: no-repeat;
|
||||
background-size: auto;
|
||||
padding: 3px;
|
||||
}
|
||||
|
||||
paned menu separator {
|
||||
padding: 0px;
|
||||
}
|
||||
|
||||
.view button {
|
||||
background-color: @bg-color;
|
||||
border-color: @border-color;
|
||||
color: @fg-color;
|
||||
}
|
||||
|
||||
button {
|
||||
background-image: none;
|
||||
text-shadow: 0 0;
|
||||
}
|
||||
|
||||
/* Handle both buttons drawn directly and drawn with an icon. */
|
||||
button:disabled, button:disabled image {
|
||||
color: @disabled-button-color;
|
||||
}
|
||||
|
||||
/* E.g. the currently active action of a dialog will slightly stand out so that
|
||||
* people know what action is activated when they will just hit Enter.
|
||||
*/
|
||||
button.default {
|
||||
border: 1px solid shade(@fg-color, 0.7);
|
||||
}
|
||||
|
||||
/* This is the default active action, the somehow "suggested" action. Usually it
|
||||
* means this is either the expected next step action (e.g. activating a
|
||||
* filter), or else the less destructive action (e.g. when closing an unsaved
|
||||
* image, the default is "Cancel").
|
||||
*/
|
||||
button.suggested-action {
|
||||
border: 1px dotted shade(@fg-color, 0.5);
|
||||
}
|
||||
|
||||
button:checked {
|
||||
background: @selected-color;
|
||||
}
|
||||
|
||||
/* Spinbuttons: there are two kinds:
|
||||
* spinbutton, spinbutton button
|
||||
* e.g. the "width" field in the New Image dialog.
|
||||
* spinbutton button.down, spinbutton button.up can be styled separately,
|
||||
* as can spinbutton entry.
|
||||
*
|
||||
* PikaSpinScale also has button.up, button.down and entry under it,
|
||||
* plus PikaSpinScale entry progress.
|
||||
*
|
||||
* Mostly the inherited values seem pretty good for both of these,
|
||||
* so they're not overridden.
|
||||
*/
|
||||
|
||||
spinbutton, entry {
|
||||
/* Borders are a bit darker, but not too dark. */
|
||||
border-color: @strong-border-color;
|
||||
}
|
||||
|
||||
PikaSpinScale entry progress {
|
||||
background-color: @extreme-selected-color;
|
||||
border-width: 0px;
|
||||
border-radius: 3px;
|
||||
}
|
||||
|
||||
/* Checkboxes */
|
||||
checkbutton, checkbutton.text-button, radiobutton, checkbutton label {
|
||||
color: @fg-color;
|
||||
background-color: @bg-color;
|
||||
}
|
||||
|
||||
checkbutton:hover, checkbutton.text-button:hover, checkbutton:hover label, radiobutton:hover, checkbutton label:hover {
|
||||
color: @fg-color;
|
||||
background-color: @hover-color;
|
||||
}
|
||||
|
||||
checkbutton check, radiobutton radio {
|
||||
background-image: none;
|
||||
background-color: @extreme-bg-color;
|
||||
border: 1px solid @stronger-border-color;
|
||||
}
|
||||
|
||||
checkbutton check:checked {
|
||||
color: @fg-color;
|
||||
}
|
||||
|
||||
checkbutton:checked label, radiobutton:checked label {
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
/* Some plugins have radio buttons, e.g. Fractal Explorer */
|
||||
radio {
|
||||
background-image: none;
|
||||
background-color: @extreme-bg-color;
|
||||
border: 1px solid @stronger-border-color;
|
||||
color: @fg-color;
|
||||
}
|
||||
|
||||
/* Removes "blurred" effect from tooltip label */
|
||||
tooltip {
|
||||
text-shadow: 0 0;
|
||||
}
|
||||
|
||||
/* The border around a tooltip */
|
||||
.background {
|
||||
background-color: @bg-color;
|
||||
border-color: @border-color;
|
||||
border-width: 1px;
|
||||
}
|
||||
|
||||
/* The border around a frame */
|
||||
border {
|
||||
border: 0px;
|
||||
}
|
||||
|
||||
/* The border around PikaOffsetArea frame in resize dialogs */
|
||||
.pika-offset-area-frame {
|
||||
border: solid 2px @stronger-border-color;
|
||||
background-color: @widget-bg-color;
|
||||
}
|
||||
|
||||
/* For dropdown menus (e.g. "px" when creating a new image */
|
||||
#gtk-combobox-popup-menu {
|
||||
background-color: @bg-color;
|
||||
color: @fg-color;
|
||||
}
|
||||
|
||||
/* Top menu items */
|
||||
|
||||
/* give the menu bar a color, fix for the default color being too dark */
|
||||
menubar {
|
||||
background-color: @bg-color;
|
||||
}
|
||||
|
||||
/* The top menu item itself: File, Edit ... */
|
||||
menuitem menuitem {
|
||||
color: @fg-color;
|
||||
background: @extreme-bg-color;
|
||||
}
|
||||
|
||||
/* A top (File, Edit) menubar item when its menu is expanded. */
|
||||
menubar > menuitem:hover {
|
||||
color: @fg-color;
|
||||
background: @extreme-selected-color;
|
||||
}
|
||||
|
||||
menuitem *:hover {
|
||||
color: @fg-color;
|
||||
background: @extreme-selected-color;
|
||||
}
|
||||
|
||||
/* "Add Tab" menu in dockable dialog */
|
||||
menu {
|
||||
background-color: @bg-color;
|
||||
}
|
||||
|
||||
/* Fixes issue with top menu label not changing
|
||||
* colors when highlighted
|
||||
*/
|
||||
menu box {
|
||||
background-color: transparent;
|
||||
}
|
||||
|
||||
/* In some cases, the GtkSeparatorMenuItem-s get very ugly top/bottom margin
|
||||
* with a different background color. Let's get rid of it.
|
||||
*/
|
||||
menu separator {
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
/* Sidebar in File > Open */
|
||||
|
||||
/* The background to either side of the directory buttons.
|
||||
* The color of the buttons themselves comes from somewhere else.
|
||||
*/
|
||||
.sidebar-row, .sidebar-row * {
|
||||
background-color: @widget-bg-color;
|
||||
}
|
||||
|
||||
.sidebar-row:selected, .sidebar-row:selected * {
|
||||
background-color: @selected-color;
|
||||
}
|
||||
|
||||
.sidebar-row:hover, .sidebar-row:hover * {
|
||||
background-color: @bg-color;
|
||||
}
|
||||
|
||||
/* Header bar */
|
||||
|
||||
headerbar {
|
||||
background-color: @bg-color;
|
||||
background-image: none;
|
||||
}
|
||||
|
||||
headerbar:backdrop * {
|
||||
color: @disabled-fg-color;
|
||||
}
|
||||
|
||||
/* GtkListBox widgets */
|
||||
|
||||
list {
|
||||
background-color: @widget-bg-color;
|
||||
}
|
||||
|
||||
/* GtkSwitch buttons */
|
||||
|
||||
switch {
|
||||
background-color: @bg-color;
|
||||
border: 1px solid @stronger-border-color;
|
||||
}
|
||||
|
||||
/* The switch button is quite hard to understand without color IMO. So
|
||||
* accept a bit of color here as an exception to indicate the checked
|
||||
* state, even though this is globally a neutral gray theme.
|
||||
*/
|
||||
switch:checked {
|
||||
background-color: rgb(200,200,255);
|
||||
}
|
||||
|
||||
/* This prevents the 1/0 labels from appearing inside the switch slider */
|
||||
switch image {
|
||||
color: transparent;
|
||||
}
|
||||
|
||||
/* XXX: should this actually go in the Compact theme instead?
|
||||
* I find the headerbar on GNOME default theme (Adwaita) to be kinda huge. But
|
||||
* maybe the default theme should not try and override this?
|
||||
*/
|
||||
headerbar {
|
||||
min-height: 0px
|
||||
}
|
||||
9
themes/Default/meson.build
Normal file
9
themes/Default/meson.build
Normal file
@ -0,0 +1,9 @@
|
||||
subdir('ui')
|
||||
|
||||
files = [
|
||||
'pika.css', 'pika-dark.css',
|
||||
'common.css', 'common-dark.css', 'common-light.css'
|
||||
]
|
||||
|
||||
install_data(files,
|
||||
install_dir: pikadatadir / 'themes' / 'Default')
|
||||
61
themes/Default/pika-dark.css
Normal file
61
themes/Default/pika-dark.css
Normal file
@ -0,0 +1,61 @@
|
||||
/* Dark variant for the Default theme for PIKA 3.0 */
|
||||
|
||||
/* Hint for debugging themes:
|
||||
* first enable the GTK inspector with
|
||||
gsettings set org.gtk.Settings.Debug enable-inspector-keybinding true
|
||||
* then (after restarting PIKA) call it up with ctrl+shift+i
|
||||
* or from PIKA's UI: File > Debug > Start GtkInspector
|
||||
*/
|
||||
|
||||
/* Basic foreground, background and border colors. */
|
||||
@define-color fg-color rgb(220,220,220);
|
||||
@define-color bg-color rgb(60,60,60);
|
||||
@define-color border-color rgb(26,26,26);
|
||||
|
||||
/********* Variants for foreground colors *********/
|
||||
|
||||
/* In places where we want not as strongly contrasted text. */
|
||||
@define-color dimmed-fg-color rgb(155,155,155);
|
||||
/* Disabled items, such as disabled actions in menus. */
|
||||
@define-color disabled-fg-color rgb(145,145,145);
|
||||
/* Disabled buttons are dimmed even more (text needs to still be
|
||||
* readable, but buttons design are usually enough. */
|
||||
@define-color disabled-button-color rgb(100,100,100);
|
||||
|
||||
/********* Variants for background colors *********/
|
||||
|
||||
/* Background color for hovered items to "stick out". */
|
||||
@define-color hover-color rgb(100,100,100);
|
||||
/* Background color when we want widgets-in-widgets to differenciate. It
|
||||
* will usually be "less extreme", i.e. darker on a light theme, or
|
||||
* lighter on a dark theme.
|
||||
*/
|
||||
@define-color widget-bg-color rgb(42,42,42);
|
||||
/* Color for selected items, in particular when their usual background
|
||||
* color is @widget-bg-color or @bg-color. It will usually be ligher on
|
||||
* a light theme, or darker on a dark theme.
|
||||
*/
|
||||
@define-color selected-color rgb(30,30,30);
|
||||
|
||||
/* Background color more extreme in the theme tendency, i.e. darker on a
|
||||
* dark theme, ligther on a light theme. */
|
||||
@define-color extreme-bg-color rgb(36,36,36);
|
||||
/* Color for a selected item to "stick out" when @extreme-bg-color is
|
||||
* used. It will usually be darker than @bg-color on a light theme,
|
||||
* lighter on a dark theme.
|
||||
*/
|
||||
@define-color extreme-selected-color rgb(55,55,55);
|
||||
|
||||
/********* Variants for border colors *********/
|
||||
|
||||
@define-color strong-border-color rgb(40,40,40);
|
||||
@define-color stronger-border-color rgb(75,75,75);
|
||||
|
||||
/********* Colors for special cases *********/
|
||||
|
||||
@define-color scrollbar-slider-color rgb(140,140,140);
|
||||
@define-color scrollbar-trough-color rgb(60,60,60);
|
||||
|
||||
@define-color ruler-color rgba(35,35,35,0.3);
|
||||
|
||||
@import url("common-dark.css");
|
||||
73
themes/Default/pika.css
Normal file
73
themes/Default/pika.css
Normal file
@ -0,0 +1,73 @@
|
||||
/* Light variant for the Default theme for PIKA 3.0 */
|
||||
|
||||
/* Hint for debugging themes:
|
||||
* first enable the GTK inspector with
|
||||
gsettings set org.gtk.Settings.Debug enable-inspector-keybinding true
|
||||
* then (after restarting PIKA) call it up with ctrl+shift+i
|
||||
* or from PIKA's UI: File > Debug > Start GtkInspector
|
||||
*/
|
||||
|
||||
/* Basic foreground, background and border colors. */
|
||||
@define-color fg-color black;
|
||||
@define-color bg-color rgb(235,235,235);
|
||||
@define-color border-color rgb(220,220,220);
|
||||
|
||||
/********* Variants for foreground colors *********/
|
||||
|
||||
/* In places where we want not as strongly contrasted text. */
|
||||
@define-color dimmed-fg-color rgb(100,100,100);
|
||||
/* Disabled items, such as disabled actions in menus. */
|
||||
@define-color disabled-fg-color rgb(110,110,110);
|
||||
/* Disabled buttons are dimmed even more (text needs to still be
|
||||
* readable, but buttons design are usually enough. */
|
||||
@define-color disabled-button-color rgb(200,200,200);
|
||||
|
||||
/********* Variants for background colors *********/
|
||||
|
||||
/* Background color for hovered items to "stick out". */
|
||||
@define-color hover-color rgb(250,250,250);
|
||||
/* Background color when we want widgets-in-widgets to differenciate. It
|
||||
* will usually be "less extreme", i.e. darker on a light theme, or
|
||||
* lighter on a dark theme.
|
||||
*/
|
||||
@define-color widget-bg-color rgb(220,220,220);
|
||||
/* Color for selected items, in particular when their usual background
|
||||
* color is @widget-bg-color or @bg-color. It will usually be ligher on
|
||||
* a light theme, or darker on a dark theme.
|
||||
*/
|
||||
@define-color selected-color rgb(250,250,250);
|
||||
|
||||
/* Background color more extreme in the theme tendency, i.e. darker on a
|
||||
* dark theme, ligther on a light theme. */
|
||||
@define-color extreme-bg-color rgb(250,250,250);
|
||||
/* Color for a selected item to "stick out" when @extreme-bg-color is
|
||||
* used. It will usually be darker than @bg-color on a light theme,
|
||||
* ligher on a dark theme.
|
||||
*/
|
||||
@define-color extreme-selected-color rgb(220,220,220);
|
||||
|
||||
/********* Variants for border colors *********/
|
||||
|
||||
@define-color strong-border-color rgb(200,200,200);
|
||||
@define-color stronger-border-color rgb(185,185,185);
|
||||
|
||||
/********* Colors for special cases *********/
|
||||
|
||||
@define-color scrollbar-slider-color rgb(110,110,110);
|
||||
@define-color scrollbar-trough-color rgb(250,250,250);
|
||||
|
||||
@define-color ruler-color rgba(220,220,220,0.3);
|
||||
|
||||
/*
|
||||
* Paned separator handles
|
||||
*/
|
||||
paned.horizontal > separator {
|
||||
background-image: url("ui/separator-handle-v.svg");
|
||||
}
|
||||
|
||||
paned.vertical > separator {
|
||||
background-image: url("ui/separator-handle-h.svg");
|
||||
}
|
||||
|
||||
|
||||
@import url("common-light.css");
|
||||
7
themes/Default/ui/meson.build
Normal file
7
themes/Default/ui/meson.build
Normal file
@ -0,0 +1,7 @@
|
||||
files = [
|
||||
'separator-handle-h.svg', 'separator-handle-v.svg',
|
||||
'separator-handle-h-dark.svg', 'separator-handle-v-dark.svg'
|
||||
]
|
||||
|
||||
install_data(files,
|
||||
install_dir: pikadatadir / 'themes' / 'Default' / 'ui')
|
||||
148
themes/Default/ui/separator-handle-h-dark.svg
Normal file
148
themes/Default/ui/separator-handle-h-dark.svg
Normal file
@ -0,0 +1,148 @@
|
||||
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
|
||||
<svg
|
||||
viewBox="0 0 15.999999 4"
|
||||
id="svg7384"
|
||||
height="4"
|
||||
width="16"
|
||||
version="1.1"
|
||||
inkscape:version="1.2.2 (b0a8486541, 2022-12-01)"
|
||||
sodipodi:docname="separator-handle-h.svg"
|
||||
xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
|
||||
xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
|
||||
xmlns:xlink="http://www.w3.org/1999/xlink"
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
xmlns:svg="http://www.w3.org/2000/svg"
|
||||
xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
|
||||
xmlns:cc="http://creativecommons.org/ns#"
|
||||
xmlns:dc="http://purl.org/dc/elements/1.1/">
|
||||
<sodipodi:namedview
|
||||
pagecolor="#ffffff"
|
||||
bordercolor="#666666"
|
||||
borderopacity="1"
|
||||
objecttolerance="10"
|
||||
gridtolerance="10"
|
||||
guidetolerance="10"
|
||||
inkscape:pageopacity="0"
|
||||
inkscape:pageshadow="2"
|
||||
inkscape:window-width="1276"
|
||||
inkscape:window-height="1389"
|
||||
id="namedview1507"
|
||||
showgrid="false"
|
||||
inkscape:zoom="14.75"
|
||||
inkscape:cx="3.6610169"
|
||||
inkscape:cy="7.3898305"
|
||||
inkscape:window-x="0"
|
||||
inkscape:window-y="24"
|
||||
inkscape:window-maximized="0"
|
||||
inkscape:current-layer="svg7384"
|
||||
inkscape:showpageshadow="2"
|
||||
inkscape:pagecheckerboard="0"
|
||||
inkscape:deskcolor="#d1d1d1"
|
||||
inkscape:lockguides="true" />
|
||||
<metadata
|
||||
id="metadata90">
|
||||
<rdf:RDF>
|
||||
<cc:Work
|
||||
rdf:about="">
|
||||
<dc:format>image/svg+xml</dc:format>
|
||||
<dc:type
|
||||
rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
|
||||
<dc:contributor>
|
||||
<cc:Agent>
|
||||
<dc:title>Barbara Muraus, Jakub Steiner, Klaus Staedtler</dc:title>
|
||||
</cc:Agent>
|
||||
</dc:contributor>
|
||||
<dc:description>Images originally created as the "Art Libre" icon set. Extended and adopted for GIMP</dc:description>
|
||||
</cc:Work>
|
||||
</rdf:RDF>
|
||||
</metadata>
|
||||
<defs
|
||||
id="defs7386">
|
||||
<linearGradient
|
||||
gradientTransform="matrix(0.34682586,0,0,0.30620888,-13.351872,402.03851)"
|
||||
id="linearGradient19282-4"
|
||||
inkscape:swatch="solid">
|
||||
<stop
|
||||
id="stop19284-0"
|
||||
offset="0"
|
||||
style="stop-color:#bebebe;stop-opacity:1;" />
|
||||
</linearGradient>
|
||||
<linearGradient
|
||||
gradientTransform="translate(442.70725,172.83693)"
|
||||
gradientUnits="userSpaceOnUse"
|
||||
y2="150"
|
||||
x2="-85"
|
||||
y1="150"
|
||||
x1="-99"
|
||||
id="linearGradient6866"
|
||||
xlink:href="#linearGradient19282-4" />
|
||||
<linearGradient
|
||||
inkscape:collect="always"
|
||||
xlink:href="#linearGradient19282-4"
|
||||
id="linearGradient5969"
|
||||
gradientUnits="userSpaceOnUse"
|
||||
gradientTransform="translate(442.70725,172.83693)"
|
||||
x1="-99"
|
||||
y1="150"
|
||||
x2="-85"
|
||||
y2="150" />
|
||||
<linearGradient
|
||||
inkscape:collect="always"
|
||||
xlink:href="#linearGradient19282-4"
|
||||
id="linearGradient5977"
|
||||
gradientUnits="userSpaceOnUse"
|
||||
gradientTransform="translate(442.70725,172.83693)"
|
||||
x1="-99"
|
||||
y1="150"
|
||||
x2="-85"
|
||||
y2="150" />
|
||||
</defs>
|
||||
<g
|
||||
transform="matrix(0,0.28571429,-0.28571429,0,16.944483,4.0296858)"
|
||||
style="display:inline"
|
||||
id="stock">
|
||||
<g
|
||||
id="gimp-shape-diamond"
|
||||
style="display:inline"
|
||||
transform="translate(-156.1041,-353.19431)">
|
||||
<path
|
||||
style="fill:url(#linearGradient6866);fill-opacity:1;stroke:none"
|
||||
d="m -99,150 7,-7 7,7 -7,7 z"
|
||||
id="path16026"
|
||||
transform="translate(241.0002,217)"
|
||||
inkscape:connector-curvature="0" />
|
||||
</g>
|
||||
</g>
|
||||
<g
|
||||
transform="matrix(0,0.28571429,-0.28571429,0,11.944483,4.0296858)"
|
||||
style="display:inline"
|
||||
id="g5967">
|
||||
<g
|
||||
id="g5965"
|
||||
style="display:inline"
|
||||
transform="translate(-156.1041,-353.19431)">
|
||||
<path
|
||||
style="fill:url(#linearGradient5969);fill-opacity:1;stroke:none"
|
||||
d="m -99,150 7,-7 7,7 -7,7 z"
|
||||
id="path5963"
|
||||
transform="translate(241.0002,217)"
|
||||
inkscape:connector-curvature="0" />
|
||||
</g>
|
||||
</g>
|
||||
<g
|
||||
transform="matrix(0,0.28571429,-0.28571429,0,6.9444829,4.0296858)"
|
||||
style="display:inline"
|
||||
id="g5975">
|
||||
<g
|
||||
id="g5973"
|
||||
style="display:inline"
|
||||
transform="translate(-156.1041,-353.19431)">
|
||||
<path
|
||||
style="fill:url(#linearGradient5977);fill-opacity:1;stroke:none"
|
||||
d="m -99,150 7,-7 7,7 -7,7 z"
|
||||
id="path5971"
|
||||
transform="translate(241.0002,217)"
|
||||
inkscape:connector-curvature="0" />
|
||||
</g>
|
||||
</g>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 4.5 KiB |
115
themes/Default/ui/separator-handle-h.svg
Normal file
115
themes/Default/ui/separator-handle-h.svg
Normal file
@ -0,0 +1,115 @@
|
||||
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
|
||||
<svg
|
||||
viewBox="0 0 15.999999 4"
|
||||
id="svg7384"
|
||||
height="4"
|
||||
width="16"
|
||||
version="1.1"
|
||||
inkscape:version="1.2.2 (b0a8486541, 2022-12-01)"
|
||||
sodipodi:docname="separator-handle-h.svg"
|
||||
xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
|
||||
xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
|
||||
xmlns:xlink="http://www.w3.org/1999/xlink"
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
xmlns:svg="http://www.w3.org/2000/svg"
|
||||
xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
|
||||
xmlns:cc="http://creativecommons.org/ns#"
|
||||
xmlns:dc="http://purl.org/dc/elements/1.1/">
|
||||
<sodipodi:namedview
|
||||
pagecolor="#ffffff"
|
||||
bordercolor="#666666"
|
||||
borderopacity="1"
|
||||
objecttolerance="10"
|
||||
gridtolerance="10"
|
||||
guidetolerance="10"
|
||||
inkscape:pageopacity="0"
|
||||
inkscape:pageshadow="2"
|
||||
inkscape:window-width="1276"
|
||||
inkscape:window-height="1389"
|
||||
id="namedview1507"
|
||||
showgrid="false"
|
||||
inkscape:zoom="14.75"
|
||||
inkscape:cx="3.6949153"
|
||||
inkscape:cy="7.3898305"
|
||||
inkscape:window-x="0"
|
||||
inkscape:window-y="24"
|
||||
inkscape:window-maximized="1"
|
||||
inkscape:current-layer="svg7384"
|
||||
inkscape:showpageshadow="2"
|
||||
inkscape:pagecheckerboard="0"
|
||||
inkscape:deskcolor="#d1d1d1"
|
||||
inkscape:lockguides="true" />
|
||||
<metadata
|
||||
id="metadata90">
|
||||
<rdf:RDF>
|
||||
<cc:Work
|
||||
rdf:about="">
|
||||
<dc:format>image/svg+xml</dc:format>
|
||||
<dc:type
|
||||
rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
|
||||
<dc:contributor>
|
||||
<cc:Agent>
|
||||
<dc:title>Barbara Muraus, Jakub Steiner, Klaus Staedtler</dc:title>
|
||||
</cc:Agent>
|
||||
</dc:contributor>
|
||||
<dc:description>Images originally created as the "Art Libre" icon set. Extended and adopted for GIMP</dc:description>
|
||||
</cc:Work>
|
||||
</rdf:RDF>
|
||||
</metadata>
|
||||
<defs
|
||||
id="defs7386">
|
||||
<linearGradient
|
||||
gradientTransform="matrix(0.34682586,0,0,0.30620888,-13.351872,402.03851)"
|
||||
id="linearGradient19282-4"
|
||||
inkscape:swatch="solid">
|
||||
<stop
|
||||
id="stop19284-0"
|
||||
offset="0"
|
||||
style="stop-color:#404040;stop-opacity:1;" />
|
||||
</linearGradient>
|
||||
<linearGradient
|
||||
gradientTransform="matrix(0,0.28571429,-0.28571429,0,6.4751583,154.7735)"
|
||||
gradientUnits="userSpaceOnUse"
|
||||
y2="150"
|
||||
x2="-85"
|
||||
y1="150"
|
||||
x1="-99"
|
||||
id="linearGradient6866"
|
||||
xlink:href="#linearGradient19282-4" />
|
||||
<linearGradient
|
||||
inkscape:collect="always"
|
||||
xlink:href="#linearGradient19282-4"
|
||||
id="linearGradient5969"
|
||||
gradientUnits="userSpaceOnUse"
|
||||
gradientTransform="matrix(0,0.28571429,-0.28571429,0,1.4751583,154.7735)"
|
||||
x1="-99"
|
||||
y1="150"
|
||||
x2="-85"
|
||||
y2="150" />
|
||||
<linearGradient
|
||||
inkscape:collect="always"
|
||||
xlink:href="#linearGradient19282-4"
|
||||
id="linearGradient5977"
|
||||
gradientUnits="userSpaceOnUse"
|
||||
gradientTransform="matrix(0,0.28571429,-0.28571429,0,-3.5248417,154.7735)"
|
||||
x1="-99"
|
||||
y1="150"
|
||||
x2="-85"
|
||||
y2="150" />
|
||||
</defs>
|
||||
<path
|
||||
style="fill:url(#linearGradient6866);fill-opacity:1;stroke:none;stroke-width:0.285714"
|
||||
d="m 12.999995,2.9e-7 2.000001,2.00000001 -2.000001,2.0000001 -2,-2.0000001 z"
|
||||
id="path16026"
|
||||
inkscape:connector-curvature="0" />
|
||||
<path
|
||||
style="fill:url(#linearGradient5969);fill-opacity:1;stroke:none;stroke-width:0.285714"
|
||||
d="m 7.9999955,2.9e-7 2,2.00000001 -2,2.0000001 -2,-2.0000001 z"
|
||||
id="path5963"
|
||||
inkscape:connector-curvature="0" />
|
||||
<path
|
||||
style="fill:url(#linearGradient5977);fill-opacity:1;stroke:none;stroke-width:0.285714"
|
||||
d="m 2.9999955,2.9e-7 2,2.00000001 -2,2.0000001 -2.00000003,-2.0000001 z"
|
||||
id="path5971"
|
||||
inkscape:connector-curvature="0" />
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 3.8 KiB |
137
themes/Default/ui/separator-handle-v-dark.svg
Normal file
137
themes/Default/ui/separator-handle-v-dark.svg
Normal file
@ -0,0 +1,137 @@
|
||||
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
|
||||
<svg
|
||||
viewBox="0 0 3.9999997 16"
|
||||
id="svg7384"
|
||||
height="16"
|
||||
width="4"
|
||||
version="1.1"
|
||||
inkscape:version="1.2.2 (b0a8486541, 2022-12-01)"
|
||||
sodipodi:docname="separator-handle-v.svg"
|
||||
xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
|
||||
xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
|
||||
xmlns:xlink="http://www.w3.org/1999/xlink"
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
xmlns:svg="http://www.w3.org/2000/svg"
|
||||
xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
|
||||
xmlns:cc="http://creativecommons.org/ns#"
|
||||
xmlns:dc="http://purl.org/dc/elements/1.1/">
|
||||
<sodipodi:namedview
|
||||
pagecolor="#ffffff"
|
||||
bordercolor="#666666"
|
||||
borderopacity="1"
|
||||
objecttolerance="10"
|
||||
gridtolerance="10"
|
||||
guidetolerance="10"
|
||||
inkscape:pageopacity="0"
|
||||
inkscape:pageshadow="2"
|
||||
inkscape:window-width="1276"
|
||||
inkscape:window-height="1389"
|
||||
id="namedview1507"
|
||||
showgrid="false"
|
||||
inkscape:zoom="14.75"
|
||||
inkscape:cx="-6.6779661"
|
||||
inkscape:cy="8.0677966"
|
||||
inkscape:window-x="0"
|
||||
inkscape:window-y="24"
|
||||
inkscape:window-maximized="1"
|
||||
inkscape:current-layer="svg7384"
|
||||
inkscape:showpageshadow="2"
|
||||
inkscape:pagecheckerboard="0"
|
||||
inkscape:deskcolor="#d1d1d1"
|
||||
inkscape:lockguides="true" />
|
||||
<metadata
|
||||
id="metadata90">
|
||||
<rdf:RDF>
|
||||
<cc:Work
|
||||
rdf:about="">
|
||||
<dc:format>image/svg+xml</dc:format>
|
||||
<dc:type
|
||||
rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
|
||||
<dc:contributor>
|
||||
<cc:Agent>
|
||||
<dc:title>Barbara Muraus, Jakub Steiner, Klaus Staedtler</dc:title>
|
||||
</cc:Agent>
|
||||
</dc:contributor>
|
||||
<dc:description>Images originally created as the "Art Libre" icon set. Extended and adopted for GIMP</dc:description>
|
||||
</cc:Work>
|
||||
</rdf:RDF>
|
||||
</metadata>
|
||||
<defs
|
||||
id="defs7386">
|
||||
<linearGradient
|
||||
gradientTransform="matrix(0.34682586,0,0,0.30620888,-13.351872,402.03851)"
|
||||
id="linearGradient19282-4"
|
||||
inkscape:swatch="solid">
|
||||
<stop
|
||||
id="stop19284-0"
|
||||
offset="0"
|
||||
style="stop-color:#bebebe;stop-opacity:1;" />
|
||||
</linearGradient>
|
||||
<linearGradient
|
||||
gradientTransform="matrix(0.28571429,0,0,0.28571429,154.7735,9.5248417)"
|
||||
gradientUnits="userSpaceOnUse"
|
||||
y2="150"
|
||||
x2="-85"
|
||||
y1="150"
|
||||
x1="-99"
|
||||
id="linearGradient6866"
|
||||
xlink:href="#linearGradient19282-4" />
|
||||
<linearGradient
|
||||
inkscape:collect="always"
|
||||
xlink:href="#linearGradient19282-4"
|
||||
id="linearGradient5969"
|
||||
gradientUnits="userSpaceOnUse"
|
||||
gradientTransform="translate(442.70725,172.83693)"
|
||||
x1="-99"
|
||||
y1="150"
|
||||
x2="-85"
|
||||
y2="150" />
|
||||
<linearGradient
|
||||
inkscape:collect="always"
|
||||
xlink:href="#linearGradient19282-4"
|
||||
id="linearGradient5977"
|
||||
gradientUnits="userSpaceOnUse"
|
||||
gradientTransform="translate(442.70725,172.83693)"
|
||||
x1="-99"
|
||||
y1="150"
|
||||
x2="-85"
|
||||
y2="150" />
|
||||
</defs>
|
||||
<path
|
||||
style="fill:url(#linearGradient6866);fill-opacity:1;stroke:none;stroke-width:0.285714"
|
||||
d="m 2.9e-7,3.0000045 2.00000001,-2 2.0000001,2 -2.0000001,2 z"
|
||||
id="path16026"
|
||||
inkscape:connector-curvature="0" />
|
||||
<g
|
||||
transform="matrix(0.28571429,0,0,0.28571429,4.0296858,4.0555171)"
|
||||
style="display:inline"
|
||||
id="g5967">
|
||||
<g
|
||||
id="g5965"
|
||||
style="display:inline"
|
||||
transform="translate(-156.1041,-353.19431)">
|
||||
<path
|
||||
style="fill:url(#linearGradient5969);fill-opacity:1;stroke:none"
|
||||
d="m -99,150 7,-7 7,7 -7,7 z"
|
||||
id="path5963"
|
||||
transform="translate(241.0002,217)"
|
||||
inkscape:connector-curvature="0" />
|
||||
</g>
|
||||
</g>
|
||||
<g
|
||||
transform="matrix(0.28571429,0,0,0.28571429,4.0296858,9.0555171)"
|
||||
style="display:inline"
|
||||
id="g5975">
|
||||
<g
|
||||
id="g5973"
|
||||
style="display:inline"
|
||||
transform="translate(-156.1041,-353.19431)">
|
||||
<path
|
||||
style="fill:url(#linearGradient5977);fill-opacity:1;stroke:none"
|
||||
d="m -99,150 7,-7 7,7 -7,7 z"
|
||||
id="path5971"
|
||||
transform="translate(241.0002,217)"
|
||||
inkscape:connector-curvature="0" />
|
||||
</g>
|
||||
</g>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 4.2 KiB |
115
themes/Default/ui/separator-handle-v.svg
Normal file
115
themes/Default/ui/separator-handle-v.svg
Normal file
@ -0,0 +1,115 @@
|
||||
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
|
||||
<svg
|
||||
viewBox="0 0 3.9999997 16"
|
||||
id="svg7384"
|
||||
height="16"
|
||||
width="4"
|
||||
version="1.1"
|
||||
inkscape:version="1.2.2 (b0a8486541, 2022-12-01)"
|
||||
sodipodi:docname="separator-handle-v.svg"
|
||||
xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
|
||||
xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
|
||||
xmlns:xlink="http://www.w3.org/1999/xlink"
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
xmlns:svg="http://www.w3.org/2000/svg"
|
||||
xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
|
||||
xmlns:cc="http://creativecommons.org/ns#"
|
||||
xmlns:dc="http://purl.org/dc/elements/1.1/">
|
||||
<sodipodi:namedview
|
||||
pagecolor="#ffffff"
|
||||
bordercolor="#666666"
|
||||
borderopacity="1"
|
||||
objecttolerance="10"
|
||||
gridtolerance="10"
|
||||
guidetolerance="10"
|
||||
inkscape:pageopacity="0"
|
||||
inkscape:pageshadow="2"
|
||||
inkscape:window-width="1276"
|
||||
inkscape:window-height="1389"
|
||||
id="namedview1507"
|
||||
showgrid="false"
|
||||
inkscape:zoom="14.75"
|
||||
inkscape:cx="-1.7288136"
|
||||
inkscape:cy="8.3389831"
|
||||
inkscape:window-x="0"
|
||||
inkscape:window-y="24"
|
||||
inkscape:window-maximized="1"
|
||||
inkscape:current-layer="svg7384"
|
||||
inkscape:showpageshadow="2"
|
||||
inkscape:pagecheckerboard="0"
|
||||
inkscape:deskcolor="#d1d1d1"
|
||||
inkscape:lockguides="true" />
|
||||
<metadata
|
||||
id="metadata90">
|
||||
<rdf:RDF>
|
||||
<cc:Work
|
||||
rdf:about="">
|
||||
<dc:format>image/svg+xml</dc:format>
|
||||
<dc:type
|
||||
rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
|
||||
<dc:contributor>
|
||||
<cc:Agent>
|
||||
<dc:title>Barbara Muraus, Jakub Steiner, Klaus Staedtler</dc:title>
|
||||
</cc:Agent>
|
||||
</dc:contributor>
|
||||
<dc:description>Images originally created as the "Art Libre" icon set. Extended and adopted for GIMP</dc:description>
|
||||
</cc:Work>
|
||||
</rdf:RDF>
|
||||
</metadata>
|
||||
<defs
|
||||
id="defs7386">
|
||||
<linearGradient
|
||||
gradientTransform="matrix(0.34682586,0,0,0.30620888,-13.351872,402.03851)"
|
||||
id="linearGradient19282-4"
|
||||
inkscape:swatch="solid">
|
||||
<stop
|
||||
id="stop19284-0"
|
||||
offset="0"
|
||||
style="stop-color:#404040;stop-opacity:1;" />
|
||||
</linearGradient>
|
||||
<linearGradient
|
||||
gradientTransform="matrix(0.28571429,0,0,0.28571429,154.7735,9.5248417)"
|
||||
gradientUnits="userSpaceOnUse"
|
||||
y2="150"
|
||||
x2="-85"
|
||||
y1="150"
|
||||
x1="-99"
|
||||
id="linearGradient6866"
|
||||
xlink:href="#linearGradient19282-4" />
|
||||
<linearGradient
|
||||
inkscape:collect="always"
|
||||
xlink:href="#linearGradient19282-4"
|
||||
id="linearGradient5969"
|
||||
gradientUnits="userSpaceOnUse"
|
||||
gradientTransform="matrix(0.28571429,0,0,0.28571429,154.7735,14.524838)"
|
||||
x1="-99"
|
||||
y1="150"
|
||||
x2="-85"
|
||||
y2="150" />
|
||||
<linearGradient
|
||||
inkscape:collect="always"
|
||||
xlink:href="#linearGradient19282-4"
|
||||
id="linearGradient5977"
|
||||
gradientUnits="userSpaceOnUse"
|
||||
gradientTransform="matrix(0.28571429,0,0,0.28571429,154.7735,19.524838)"
|
||||
x1="-99"
|
||||
y1="150"
|
||||
x2="-85"
|
||||
y2="150" />
|
||||
</defs>
|
||||
<path
|
||||
style="fill:url(#linearGradient6866);fill-opacity:1;stroke:none;stroke-width:0.285714"
|
||||
d="m 2.9e-7,3.0000045 2.00000001,-2 2.0000001,2 -2.0000001,2 z"
|
||||
id="path16026"
|
||||
inkscape:connector-curvature="0" />
|
||||
<path
|
||||
style="fill:url(#linearGradient5969);fill-opacity:1;stroke:none;stroke-width:0.285714"
|
||||
d="m 2.9e-7,8.0000005 2.00000001,-2 2.0000001,2 -2.0000001,2.0000005 z"
|
||||
id="path5963"
|
||||
inkscape:connector-curvature="0" />
|
||||
<path
|
||||
style="fill:url(#linearGradient5977);fill-opacity:1;stroke:none;stroke-width:0.285714"
|
||||
d="M 2.9e-7,13 2.0000003,11 4.0000004,13 2.0000003,15.000001 Z"
|
||||
id="path5971"
|
||||
inkscape:connector-curvature="0" />
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 3.8 KiB |
68
themes/Gray/pika.css
Normal file
68
themes/Gray/pika.css
Normal file
@ -0,0 +1,68 @@
|
||||
/* Middle gray default variant for PIKA 3.0 */
|
||||
|
||||
/* Our base color is "middle gray", which is often computed differently
|
||||
* according to various definitions.
|
||||
* We use the sRGB color #777777 (119, 119, 119) which is the conversion of LCH
|
||||
* (50, 0, 0), i.e. a 50% perceptual lightness gray. In linear sRGB, this is the
|
||||
* 18.42% gray.
|
||||
*/
|
||||
|
||||
/* Hint for debugging themes:
|
||||
* first enable the GTK inspector with
|
||||
gsettings set org.gtk.Settings.Debug enable-inspector-keybinding true
|
||||
* then (after restarting PIKA) call it up with ctrl+shift+i
|
||||
* or from PIKA's UI: File > Debug > Start GtkInspector
|
||||
*/
|
||||
|
||||
/* Basic foreground, background and border colors. */
|
||||
@define-color fg-color black;
|
||||
@define-color bg-color rgb(119,119,119);
|
||||
@define-color border-color rgb(100,100,100);
|
||||
|
||||
/********* Variants for foreground colors *********/
|
||||
|
||||
/* In places where we want not as strongly contrasted text. */
|
||||
@define-color dimmed-fg-color rgb(30,30,30);
|
||||
/* Disabled items, such as disabled actions in menus. */
|
||||
@define-color disabled-fg-color rgb(60,60,60);
|
||||
/* Disabled buttons are dimmed even more (text needs to still be
|
||||
* readable, but buttons design are usually enough. */
|
||||
@define-color disabled-button-color rgb(80,80,80);
|
||||
|
||||
/********* Variants for background colors *********/
|
||||
|
||||
/* Background color for hovered items to "stick out". */
|
||||
@define-color hover-color #bbbbbb;
|
||||
/* Background color when we want widgets-in-widgets to differenciate. It
|
||||
* will usually be "less extreme", i.e. darker on a light theme, or
|
||||
* lighter on a dark theme.
|
||||
*/
|
||||
@define-color widget-bg-color rgb(100,100,100);
|
||||
/* Color for selected items, in particular when their usual background
|
||||
* color is @widget-bg-color or @bg-color. It will usually be ligher on
|
||||
* a light theme, or darker on a dark theme.
|
||||
*/
|
||||
@define-color selected-color #898989;
|
||||
|
||||
/* Background color more extreme in the theme tendency, i.e. darker on a
|
||||
* dark theme, ligther on a light theme. */
|
||||
@define-color extreme-bg-color #898989;
|
||||
/* Color for a selected item to "stick out" when @extreme-bg-color is
|
||||
* used. It will usually be darker than @bg-color on a light theme,
|
||||
* ligher on a dark theme.
|
||||
*/
|
||||
@define-color extreme-selected-color #656565;
|
||||
|
||||
/********* Variants for border colors *********/
|
||||
|
||||
@define-color strong-border-color rgb(80,80,80);
|
||||
@define-color stronger-border-color rgb(60,60,60);
|
||||
|
||||
/********* Colors for special cases *********/
|
||||
|
||||
@define-color scrollbar-slider-color rgb(60,60,60);
|
||||
@define-color scrollbar-trough-color #bbbbbb;
|
||||
|
||||
@define-color ruler-color rgba(100,100,100,0.3);
|
||||
|
||||
@import url("../Default/common-light.css");
|
||||
144
themes/System/pika.css
Normal file
144
themes/System/pika.css
Normal file
@ -0,0 +1,144 @@
|
||||
/* PIKA theme css file */
|
||||
|
||||
* {
|
||||
-gtk-icon-style: symbolic;
|
||||
-PikaDockWindow-default-height: 300;
|
||||
-PikaMenuDock-minimal-width: 200;
|
||||
-PikaDockWindow-menu-preview-size: button;
|
||||
-PikaToolPalette-tool-icon-size: large-toolbar;
|
||||
-PikaToolPalette-button-relief: none;
|
||||
-PikaDockbook-tab-icon-size: button;
|
||||
-PikaColorNotebook-tab-icon-size: button;
|
||||
-PikaDeviceEditor-handle-size: 12;
|
||||
-PikaDockable-content-border: 2;
|
||||
-PikaEditor-content-spacing: 2;
|
||||
-PikaEditor-button-spacing: 2;
|
||||
-PikaEditor-button-icon-size: menu;
|
||||
-PikaDataEditor-minimal-height: 96;
|
||||
-GtkDialog-content-area-border: 0;
|
||||
-GtkDialog-button-spacing: 6;
|
||||
-GtkDialog-action-area-border: 12;
|
||||
-PikaUnitComboBox-appears-as-list: 0;
|
||||
}
|
||||
|
||||
PikaToolDialog {
|
||||
-GtkDialog-action-area-border: 6;
|
||||
}
|
||||
|
||||
PikaColorNotebook tab {
|
||||
padding: 0 0 0 0;
|
||||
}
|
||||
|
||||
PikaDock entry,
|
||||
PikaDock spinbutton,
|
||||
PikaDock PikaColorNotebook spinbutton,
|
||||
PikaDock PikaColorNotebook spinbutton entry,
|
||||
PikaDock PikaColorScales spinbutton,
|
||||
PikaDock PikaColorScales spinbutton entry {
|
||||
min-height: 0;
|
||||
padding-top: 2px;
|
||||
padding-bottom: 2px;
|
||||
}
|
||||
|
||||
PikaColorSelection ColorselCmyk {
|
||||
padding: 2px 2px 2px 2px;
|
||||
}
|
||||
|
||||
PikaColorHistory button {
|
||||
padding: 3px 3px 3px 3px;
|
||||
}
|
||||
|
||||
#pika-color-tag-box button {
|
||||
padding: 4px 6px 4px 6px;
|
||||
}
|
||||
|
||||
tab PikaFgBgView {
|
||||
padding: 6px 6px 6px 6px;
|
||||
}
|
||||
|
||||
PikaFgBgEditor:active {
|
||||
border-width: 2px 2px 2px 2px;
|
||||
}
|
||||
|
||||
PikaDock notebook tab {
|
||||
padding: 0 0 0 0;
|
||||
}
|
||||
|
||||
PikaDock :not(toolbutton) > button,
|
||||
PikaOverlayDialog button,
|
||||
PikaToolDialog :not(headerbar) button,
|
||||
PikaTextStyleEditor button {
|
||||
padding: 0px 2px 0px 2px;
|
||||
}
|
||||
|
||||
PikaToolDialog headerbar {
|
||||
min-height: 0;
|
||||
}
|
||||
|
||||
PikaToolDialog headerbar button {
|
||||
padding: 2px 2px 2px 2px;
|
||||
}
|
||||
|
||||
PikaDock frame {
|
||||
-PikaFrame-label-bold: 0;
|
||||
-PikaFrame-label-spacing: 2;
|
||||
}
|
||||
|
||||
PikaDisplayShell grid > button {
|
||||
min-height: 0;
|
||||
min-width: 0;
|
||||
padding: 0 0 0 0;
|
||||
}
|
||||
|
||||
PikaDisplayShell progressbar trough,
|
||||
PikaDisplayShell progressbar progress {
|
||||
min-height: 1em;
|
||||
}
|
||||
|
||||
PikaFileDialog progressbar trough,
|
||||
PikaFileDialog progressbar progress {
|
||||
min-width: 1px; /* hack */
|
||||
min-height: 1em;
|
||||
}
|
||||
|
||||
spinbutton entry {
|
||||
border-radius: 3px;
|
||||
}
|
||||
|
||||
PikaSpinScale entry {
|
||||
/* Important: prevent overhigh spin scale */
|
||||
min-height: 16px;
|
||||
}
|
||||
|
||||
PikaSpinScale entry progress {
|
||||
background-color: @theme_selected_bg_color;
|
||||
border-width: 0px;
|
||||
border-radius: 3px;
|
||||
}
|
||||
|
||||
PikaSpinScale button {
|
||||
/* Makes the +- buttons a bit more compact. */
|
||||
padding: 0 1px 0 1px;
|
||||
}
|
||||
|
||||
entry.italic {
|
||||
font-style: italic;
|
||||
}
|
||||
|
||||
.grid {
|
||||
/* why does this not work */
|
||||
color: rgba (1.0, 0.0, 0.0, 1.0);
|
||||
}
|
||||
|
||||
treeview header button {
|
||||
padding: 6px;
|
||||
}
|
||||
|
||||
treeview .toggle-icon:not(.visible):hover {
|
||||
border: 1px solid gray;
|
||||
border-radius: 3px;
|
||||
}
|
||||
|
||||
treeview .toggle-icon:not(.visible):selected {
|
||||
border-color: lightgray;
|
||||
}
|
||||
15
themes/meson.build
Normal file
15
themes/meson.build
Normal file
@ -0,0 +1,15 @@
|
||||
subdir('Default')
|
||||
subdir('Darker')
|
||||
subdir('Compact')
|
||||
|
||||
themes = [
|
||||
'Gray',
|
||||
'System',
|
||||
]
|
||||
|
||||
foreach theme : themes
|
||||
install_data(
|
||||
theme / 'pika.css',
|
||||
install_dir: pikadatadir / 'themes' / theme,
|
||||
)
|
||||
endforeach
|
||||
Reference in New Issue
Block a user
