janishutz/dotfiles
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Activity

[Gtk-Theme] Pre-Processing + Some other work

Browse Source
This commit is contained in:
Admin
2025-04-25 10:05:42 +02:00
parent 722be458ec
commit d120b7a49e
15 changed files with 517 additions and 123 deletions
Download Patch File Download Diff File Expand all files Collapse all files

106
gtk-theme/dist/gtk-3.0/gtk.css vendored Normal file
View File

@@ -0,0 +1,106 @@
window {
color: var( --fg );
background-color: var( --bg );
}
/*
* ╭───────────────────────────────────────────────╮
* │ GTK NAMED COLORS │
* ╰───────────────────────────────────────────────╯
*/
/*
* ── widget text/foreground color ─────────────────────────────────────
*/
@define-color theme_fg_color #0ADCFF;
/*
* ── text color for entries, views and content in general ─────────────
*/
@define-color theme_text_color #0ADCFF;
/*
* ── widget base background color ─────────────────────────────────────
*/
@define-color theme_bg_color #0A0032;
/*
* ── text widgets and the like base background color ──────────────────
*/
@define-color theme_base_color rgb( 15, 5, 60 );
/*
* ── base background color of selections ──────────────────────────────
*/
@define-color theme_selected_bg_color #CFDCEA;
/*
* ── text/foreground color of selections ──────────────────────────────
*/
@define-color theme_selected_fg_color #0ADCFF;
/*
* ── base background color of insensitive widgets ─────────────────────
*/
@define-color insensitive_bg_color #0A0032;
/*
* ── text foreground color of insensitive widgets ─────────────────────
*/
@define-color insensitive_fg_color rgba( 10, 220, 255, 0.5 );
/*
* ── insensitive text widgets and the like base background color ──────
*/
@define-color insensitive_base_color rgb( 15, 5, 60 );
/*
* ── widget text/foreground color on backdrop windows ─────────────────
*/
@define-color theme_unfocused_fg_color #686659;
/*
text color for entries, views and content in general on backdrop windows */
@define-color theme_unfocused_text_color #C8C8C8;
/*
widget base background color on backdrop windows */
@define-color theme_unfocused_bg_color #000000;
/*
text widgets and the like base background color on backdrop windows */
@define-color theme_unfocused_base_color #000000;
/*
base background color of selections on backdrop windows */
@define-color theme_unfocused_selected_bg_color #686659;
/*
text/foreground color of selections on backdrop windows */
@define-color theme_unfocused_selected_fg_color #0ADCFF;
/*
insensitive color on backdrop windows */
@define-color unfocused_insensitive_color rgba( 10, 220, 255, 0.5 );
/*
widgets main borders color */
@define-color borders rgba( 10, 0, 60, 0.3 );
/*
widgets main borders color on backdrop windows */
@define-color unfocused_borders rgba( 10, 0, 60, 0.3 );
/*
these are pretty self explicative */
@define-color warning_color #ffeb3b;
@define-color error_color #f44336;
@define-color success_color #00e676;
/* content view background such as thumbnails view in Photos or Boxes */
@define-color content_view_bg #0A0032;
/* Very contrasty background for text views (@theme_text_color foreground) */
@define-color text_view_bg #0A0032;
/* placeholder for entries */
@define-color placeholder_text_color #C8C8C8;

23
gtk-theme/dist/gtk-4.0/gtk.css vendored Normal file
View File

@@ -0,0 +1,23 @@
@import '../colours.css';
/*
* Replace the colours with variable names
* #000 = @bg
* #111 = @bg_accent
* #222 = @bg_inactive
* #555A = @shadow_rgba
* #555 = @shadow
* #F00 = @accent
* #0F0 = @accent2
* #00F = @accent3
* #AAA = @inactive
* #FFF = @fg
*/
window {
color: #FFF;
background-color: #000;
}

8
gtk-theme/dist/index.theme vendored Normal file
View File

@@ -0,0 +1,8 @@
[Desktop Entry]
Type=X-GNOME-Metatheme
Name=Adaptive-Theme
Comment=A very adaptive theme together with its scripts
Encoding=UTF-8
[X-GNOME-Metatheme]
GtkTheme=Adaptive-Theme

65
gtk-theme/src/colours.css Normal file
View File

@@ -0,0 +1,65 @@
/*
* ╭───────────────────────────────────────────────╮
* │ GTK Theme Colours │
* ╰───────────────────────────────────────────────╯
*/
/*
* ┌ ┐
* │ Foreground │
* └ ┘
*/
/*
* ── Foreground color, main interface text colour ─────────────────────
*/
@define-color fg {{ colour-foreground-hex }};
/*
* ── Accent colour ────────────────────────────────────────────────────
*/
@define-color accent {{ colour-accent-hex }};
/*
* ── Secondary accent colour ──────────────────────────────────────────
*/
@define-color accent2 {{ colour-accent-2-hex }}
/*
* ── Tertiary accent colour ───────────────────────────────────────────
*/
@define-color accent3 {{ colour-accent-3-hex }}
/*
* ── Inactive Colour ──────────────────────────────────────────────────
*/
@define-color inactive {{ colour-inactive-hex }}
/*
* ┌ ┐
* │ Background │
* └ ┘
*/
/*
* ── Background color, main interface background ──────────────────────
*/
@define-color bg {{ colour-background-hex }};
/*
* ── Accent background color ──────────────────────────────────────────
*/
@define-color bg_accent {{ colour-background-alternative-hex }};
/*
* ── Inactive background colour ───────────────────────────────────────
*/
@define-color bg_inactive {{ colour-inactive-background-hex }}
/*
* ── Shadow colour ────────────────────────────────────────────────────
*/
@define-color shadow_rgba {{ colour-shadow-rgba }}
@define-color shadow {{ colour-shadow-hex }}

6
gtk-theme/src/gtk-3.0/gtk.css
View File

@@ -1,3 +1,9 @@
window {
color: var( --fg );
background-color: var( --bg );
}
/*
* ╭───────────────────────────────────────────────╮
* │ GTK NAMED COLORS │

111
gtk-theme/src/gtk-4.0/gtk.css
View File

@@ -1,100 +1,23 @@
/*
* ╭───────────────────────────────────────────────╮
* │ GTK NAMED COLORS │
* ╰───────────────────────────────────────────────╯
*/
@import '../colours.css';
/*
* ── widget text/foreground color ─────────────────────────────────────
*/
@define-color theme_fg_color {{ colour-foreground-hex }};
* Replace the colours with variable names
* #000 = @bg
* #111 = @bg_accent
* #222 = @bg_inactive
* #555A = @shadow_rgba
* #555 = @shadow
* #F00 = @accent
* #0F0 = @accent2
* #00F = @accent3
* #AAA = @inactive
* #FFF = @fg
*/
/*
* ── text color for entries, views and content in general ─────────────
*/
@define-color theme_text_color {{ colour-foreground-hex }};
/*
* ── widget base background color ─────────────────────────────────────
*/
@define-color theme_bg_color {{ colour-background-hex }};
window {
color: #FFF;
background-color: #000;
}
/*
* ── text widgets and the like base background color ──────────────────
*/
@define-color theme_base_color {{ colour-background-alternative-hex }};
/*
* ── base background color of selections ──────────────────────────────
*/
@define-color theme_selected_bg_color {{ colour-accent-hex }};
/*
* ── text/foreground color of selections ──────────────────────────────
*/
@define-color theme_selected_fg_color {{ colour-foreground-hex }};
/*
* ── base background color of insensitive widgets ─────────────────────
*/
@define-color insensitive_bg_color {{ colour-background-hex }};
/*
* ── text foreground color of insensitive widgets ─────────────────────
*/
@define-color insensitive_fg_color {{ colour-foreground-rgba }};
/*
* ── insensitive text widgets and the like base background color ──────
*/
@define-color insensitive_base_color {{ colour-background-alternative-hex }};
/*
* ── widget text/foreground color on backdrop windows ─────────────────
*/
@define-color theme_unfocused_fg_color {{ colour-accent-2-hex }};
/*
text color for entries, views and content in general on backdrop windows */
@define-color theme_unfocused_text_color {{ colour-inactive-hex }};
/*
widget base background color on backdrop windows */
@define-color theme_unfocused_bg_color {{ colour-inactive-background-hex }};
/*
text widgets and the like base background color on backdrop windows */
@define-color theme_unfocused_base_color {{ colour-inactive-background-hex }};
/*
base background color of selections on backdrop windows */
@define-color theme_unfocused_selected_bg_color {{ colour-accent-2-hex }};
/*
text/foreground color of selections on backdrop windows */
@define-color theme_unfocused_selected_fg_color {{ colour-foreground-hex }};
/*
insensitive color on backdrop windows */
@define-color unfocused_insensitive_color {{ colour-foreground-rgba }};
/*
widgets main borders color */
@define-color borders {{ colour-shadow-rgba }};
/*
widgets main borders color on backdrop windows */
@define-color unfocused_borders {{ colour-shadow-rgba }};
/*
these are pretty self explicative */
@define-color warning_color #ffeb3b;
@define-color error_color #f44336;
@define-color success_color #00e676;
/* content view background such as thumbnails view in Photos or Boxes */
@define-color content_view_bg {{ colour-background-hex }};
/* Very contrasty background for text views (@theme_text_color foreground) */
@define-color text_view_bg {{ colour-background-hex }};
/* placeholder for entries */
@define-color placeholder_text_color {{ colour-inactive-hex }};