Initial commit
This commit is contained in:
Sho Ishida
commit
e3964de1f6
145
Dracula-Blade/gnome-shell/gnome-shell.css
Normal file
145
Dracula-Blade/gnome-shell/gnome-shell.css
Normal file
@ -0,0 +1,145 @@
|
|||||||
|
/*
|
||||||
|
* Dracula Pro (Blade - Soft Muted Sage #5A9E92) 3-Island Floating Top Bar & Shell Stylesheet
|
||||||
|
*/
|
||||||
|
|
||||||
|
stage {
|
||||||
|
font-family: 'Inter', sans-serif !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
#panel {
|
||||||
|
background-color: transparent !important;
|
||||||
|
border: none !important;
|
||||||
|
box-shadow: none !important;
|
||||||
|
margin: 6px 12px 6px 12px !important;
|
||||||
|
height: 32px !important;
|
||||||
|
font-family: 'Inter', sans-serif !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
.panel-corner {
|
||||||
|
-panel-corner-radius: 0px !important;
|
||||||
|
background-color: transparent !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
#panelLeft,
|
||||||
|
#panelCenter,
|
||||||
|
#panelRight {
|
||||||
|
background-color: #161D1C !important;
|
||||||
|
color: #F8F8F2 !important;
|
||||||
|
border: 1px solid #4C6762 !important;
|
||||||
|
border-radius: 16px !important;
|
||||||
|
box-shadow: 0 8px 24px rgba(0, 0, 0, 0.5) !important;
|
||||||
|
padding: 2px 6px !important;
|
||||||
|
margin: 0 4px !important;
|
||||||
|
font-family: 'Inter', sans-serif !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
#panel .panel-button {
|
||||||
|
color: #F8F8F2 !important;
|
||||||
|
border-radius: 10px !important;
|
||||||
|
transition: all 150ms ease;
|
||||||
|
padding: 0 8px !important;
|
||||||
|
font-family: 'Inter', sans-serif !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
#panel .panel-button:hover,
|
||||||
|
#panel .panel-button:focus,
|
||||||
|
#panel .panel-button:active {
|
||||||
|
color: #5A9E92 !important;
|
||||||
|
background-color: rgba(90, 158, 146, 0.25) !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
.media-controls-container,
|
||||||
|
.media-controls-button,
|
||||||
|
#panel .media-controls-button {
|
||||||
|
color: #5A9E92 !important;
|
||||||
|
font-weight: 600 !important;
|
||||||
|
font-family: 'Inter', sans-serif !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
.popup-menu,
|
||||||
|
.popup-menu-boxpointer,
|
||||||
|
.candidate-popup-box,
|
||||||
|
.datemenu-popover {
|
||||||
|
background-color: transparent !important;
|
||||||
|
border: none !important;
|
||||||
|
box-shadow: none !important;
|
||||||
|
padding: 0 !important;
|
||||||
|
margin: 0 !important;
|
||||||
|
font-family: 'Inter', sans-serif !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
.popup-menu-content,
|
||||||
|
.quick-settings,
|
||||||
|
.calendar-menu,
|
||||||
|
.message-list {
|
||||||
|
background-color: #161D1C !important;
|
||||||
|
color: #F8F8F2 !important;
|
||||||
|
border: 1px solid #4C6762 !important;
|
||||||
|
border-radius: 16px !important;
|
||||||
|
box-shadow: 0 12px 32px rgba(0, 0, 0, 0.6) !important;
|
||||||
|
padding: 14px !important;
|
||||||
|
font-family: 'Inter', sans-serif !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
.quick-settings-header .button,
|
||||||
|
.quick-settings-header .icon-button {
|
||||||
|
background-color: #212C2A !important;
|
||||||
|
color: #F8F8F2 !important;
|
||||||
|
border: 1px solid #364946 !important;
|
||||||
|
border-radius: 99px !important;
|
||||||
|
font-family: 'Inter', sans-serif !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
.quick-toggle {
|
||||||
|
background-color: #212C2A !important;
|
||||||
|
color: #F8F8F2 !important;
|
||||||
|
border: 1px solid #364946 !important;
|
||||||
|
border-radius: 12px !important;
|
||||||
|
font-family: 'Inter', sans-serif !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
.quick-toggle:checked,
|
||||||
|
.quick-toggle:active {
|
||||||
|
background-color: #5A9E92 !important;
|
||||||
|
color: #161D1C !important;
|
||||||
|
border-color: #5A9E92 !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
.quick-toggle-has-menu {
|
||||||
|
background-color: #212C2A !important;
|
||||||
|
border: 1px solid #364946 !important;
|
||||||
|
border-radius: 12px !important;
|
||||||
|
font-family: 'Inter', sans-serif !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
.quick-toggle-has-menu:checked,
|
||||||
|
.quick-toggle-has-menu:checked .quick-toggle,
|
||||||
|
.quick-toggle-has-menu:checked .quick-toggle-menu-button {
|
||||||
|
background-color: #5A9E92 !important;
|
||||||
|
color: #161D1C !important;
|
||||||
|
border-color: #5A9E92 !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
.slider,
|
||||||
|
.quick-slider {
|
||||||
|
-barlevel-active-color: #5A9E92 !important;
|
||||||
|
-barlevel-overactive-color: #70A99F !important;
|
||||||
|
-barlevel-bg-color: #364946 !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
.calendar-today,
|
||||||
|
.calendar-day-base:selected {
|
||||||
|
background-color: #5A9E92 !important;
|
||||||
|
color: #161D1C !important;
|
||||||
|
font-weight: bold !important;
|
||||||
|
border-radius: 50% !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
.message,
|
||||||
|
.notification {
|
||||||
|
background-color: #212C2A !important;
|
||||||
|
color: #F8F8F2 !important;
|
||||||
|
border: 1px solid #364946 !important;
|
||||||
|
border-radius: 12px !important;
|
||||||
|
font-family: 'Inter', sans-serif !important;
|
||||||
|
}
|
||||||
145
gnome-shell.css
Normal file
145
gnome-shell.css
Normal file
@ -0,0 +1,145 @@
|
|||||||
|
/*
|
||||||
|
* Dracula Pro (Blade - Soft Muted Sage #5A9E92) 3-Island Floating Top Bar & Shell Stylesheet
|
||||||
|
*/
|
||||||
|
|
||||||
|
stage {
|
||||||
|
font-family: 'Inter', sans-serif !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
#panel {
|
||||||
|
background-color: transparent !important;
|
||||||
|
border: none !important;
|
||||||
|
box-shadow: none !important;
|
||||||
|
margin: 6px 12px 6px 12px !important;
|
||||||
|
height: 32px !important;
|
||||||
|
font-family: 'Inter', sans-serif !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
.panel-corner {
|
||||||
|
-panel-corner-radius: 0px !important;
|
||||||
|
background-color: transparent !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
#panelLeft,
|
||||||
|
#panelCenter,
|
||||||
|
#panelRight {
|
||||||
|
background-color: #161D1C !important;
|
||||||
|
color: #F8F8F2 !important;
|
||||||
|
border: 1px solid #4C6762 !important;
|
||||||
|
border-radius: 16px !important;
|
||||||
|
box-shadow: 0 8px 24px rgba(0, 0, 0, 0.5) !important;
|
||||||
|
padding: 2px 6px !important;
|
||||||
|
margin: 0 4px !important;
|
||||||
|
font-family: 'Inter', sans-serif !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
#panel .panel-button {
|
||||||
|
color: #F8F8F2 !important;
|
||||||
|
border-radius: 10px !important;
|
||||||
|
transition: all 150ms ease;
|
||||||
|
padding: 0 8px !important;
|
||||||
|
font-family: 'Inter', sans-serif !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
#panel .panel-button:hover,
|
||||||
|
#panel .panel-button:focus,
|
||||||
|
#panel .panel-button:active {
|
||||||
|
color: #5A9E92 !important;
|
||||||
|
background-color: rgba(90, 158, 146, 0.25) !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
.media-controls-container,
|
||||||
|
.media-controls-button,
|
||||||
|
#panel .media-controls-button {
|
||||||
|
color: #5A9E92 !important;
|
||||||
|
font-weight: 600 !important;
|
||||||
|
font-family: 'Inter', sans-serif !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
.popup-menu,
|
||||||
|
.popup-menu-boxpointer,
|
||||||
|
.candidate-popup-box,
|
||||||
|
.datemenu-popover {
|
||||||
|
background-color: transparent !important;
|
||||||
|
border: none !important;
|
||||||
|
box-shadow: none !important;
|
||||||
|
padding: 0 !important;
|
||||||
|
margin: 0 !important;
|
||||||
|
font-family: 'Inter', sans-serif !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
.popup-menu-content,
|
||||||
|
.quick-settings,
|
||||||
|
.calendar-menu,
|
||||||
|
.message-list {
|
||||||
|
background-color: #161D1C !important;
|
||||||
|
color: #F8F8F2 !important;
|
||||||
|
border: 1px solid #4C6762 !important;
|
||||||
|
border-radius: 16px !important;
|
||||||
|
box-shadow: 0 12px 32px rgba(0, 0, 0, 0.6) !important;
|
||||||
|
padding: 14px !important;
|
||||||
|
font-family: 'Inter', sans-serif !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
.quick-settings-header .button,
|
||||||
|
.quick-settings-header .icon-button {
|
||||||
|
background-color: #212C2A !important;
|
||||||
|
color: #F8F8F2 !important;
|
||||||
|
border: 1px solid #364946 !important;
|
||||||
|
border-radius: 99px !important;
|
||||||
|
font-family: 'Inter', sans-serif !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
.quick-toggle {
|
||||||
|
background-color: #212C2A !important;
|
||||||
|
color: #F8F8F2 !important;
|
||||||
|
border: 1px solid #364946 !important;
|
||||||
|
border-radius: 12px !important;
|
||||||
|
font-family: 'Inter', sans-serif !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
.quick-toggle:checked,
|
||||||
|
.quick-toggle:active {
|
||||||
|
background-color: #5A9E92 !important;
|
||||||
|
color: #161D1C !important;
|
||||||
|
border-color: #5A9E92 !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
.quick-toggle-has-menu {
|
||||||
|
background-color: #212C2A !important;
|
||||||
|
border: 1px solid #364946 !important;
|
||||||
|
border-radius: 12px !important;
|
||||||
|
font-family: 'Inter', sans-serif !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
.quick-toggle-has-menu:checked,
|
||||||
|
.quick-toggle-has-menu:checked .quick-toggle,
|
||||||
|
.quick-toggle-has-menu:checked .quick-toggle-menu-button {
|
||||||
|
background-color: #5A9E92 !important;
|
||||||
|
color: #161D1C !important;
|
||||||
|
border-color: #5A9E92 !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
.slider,
|
||||||
|
.quick-slider {
|
||||||
|
-barlevel-active-color: #5A9E92 !important;
|
||||||
|
-barlevel-overactive-color: #70A99F !important;
|
||||||
|
-barlevel-bg-color: #364946 !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
.calendar-today,
|
||||||
|
.calendar-day-base:selected {
|
||||||
|
background-color: #5A9E92 !important;
|
||||||
|
color: #161D1C !important;
|
||||||
|
font-weight: bold !important;
|
||||||
|
border-radius: 50% !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
.message,
|
||||||
|
.notification {
|
||||||
|
background-color: #212C2A !important;
|
||||||
|
color: #F8F8F2 !important;
|
||||||
|
border: 1px solid #364946 !important;
|
||||||
|
border-radius: 12px !important;
|
||||||
|
font-family: 'Inter', sans-serif !important;
|
||||||
|
}
|
||||||
90
gtk-3.0.css
Normal file
90
gtk-3.0.css
Normal file
@ -0,0 +1,90 @@
|
|||||||
|
/*
|
||||||
|
* Dracula Pro (Blade - Soft Muted Sage #5A9E92) GTK3 Palette
|
||||||
|
*/
|
||||||
|
|
||||||
|
@define-color accent_color #5A9E92;
|
||||||
|
@define-color accent_bg_color #5A9E92;
|
||||||
|
@define-color accent_fg_color #161D1C;
|
||||||
|
|
||||||
|
@define-color destructive_color #FF9580;
|
||||||
|
@define-color destructive_bg_color #FF9580;
|
||||||
|
@define-color destructive_fg_color #212C2A;
|
||||||
|
|
||||||
|
@define-color success_color #8AFF80;
|
||||||
|
@define-color success_bg_color #8AFF80;
|
||||||
|
@define-color success_fg_color #212C2A;
|
||||||
|
|
||||||
|
@define-color warning_color #FFCA80;
|
||||||
|
@define-color warning_bg_color #FFCA80;
|
||||||
|
@define-color warning_fg_color #212C2A;
|
||||||
|
|
||||||
|
@define-color error_color #FF9580;
|
||||||
|
@define-color error_bg_color #FF9580;
|
||||||
|
@define-color error_fg_color #212C2A;
|
||||||
|
|
||||||
|
@define-color window_bg_color #212C2A;
|
||||||
|
@define-color window_fg_color #F8F8F2;
|
||||||
|
|
||||||
|
@define-color view_bg_color #212C2A;
|
||||||
|
@define-color view_fg_color #F8F8F2;
|
||||||
|
|
||||||
|
@define-color headerbar_bg_color #161D1C;
|
||||||
|
@define-color headerbar_fg_color #F8F8F2;
|
||||||
|
@define-color headerbar_border_color #4C6762;
|
||||||
|
@define-color headerbar_backdrop_color #161D1C;
|
||||||
|
@define-color headerbar_shade_color rgba(0, 0, 0, 0.36);
|
||||||
|
|
||||||
|
@define-color sidebar_bg_color #161D1C;
|
||||||
|
@define-color sidebar_fg_color #F8F8F2;
|
||||||
|
@define-color sidebar_backdrop_color #161D1C;
|
||||||
|
@define-color sidebar_border_color #4C6762;
|
||||||
|
|
||||||
|
@define-color secondary_sidebar_bg_color #111615;
|
||||||
|
@define-color secondary_sidebar_fg_color #F8F8F2;
|
||||||
|
@define-color secondary_sidebar_backdrop_color #111615;
|
||||||
|
|
||||||
|
@define-color card_bg_color rgba(255, 255, 255, 0.08);
|
||||||
|
@define-color card_fg_color #F8F8F2;
|
||||||
|
@define-color card_border_color #4C6762;
|
||||||
|
|
||||||
|
@define-color dialog_bg_color #161D1C;
|
||||||
|
@define-color dialog_fg_color #F8F8F2;
|
||||||
|
|
||||||
|
@define-color popover_bg_color #161D1C;
|
||||||
|
@define-color popover_fg_color #F8F8F2;
|
||||||
|
|
||||||
|
@define-color thumbnail_bg_color #161D1C;
|
||||||
|
@define-color thumbnail_fg_color #F8F8F2;
|
||||||
|
|
||||||
|
@define-color border_color #4C6762;
|
||||||
|
@define-color fill_color rgba(90, 158, 146, 0.15);
|
||||||
|
|
||||||
|
/* Selection & Focus */
|
||||||
|
@define-color selected_bg_color #5A9E92;
|
||||||
|
@define-color selected_fg_color #161D1C;
|
||||||
|
|
||||||
|
/* Palette Accents */
|
||||||
|
@define-color blue_1 #80FFEA;
|
||||||
|
@define-color blue_2 #5A9E92;
|
||||||
|
@define-color blue_3 #5A9E92;
|
||||||
|
@define-color blue_4 #005259;
|
||||||
|
@define-color blue_5 #00373C;
|
||||||
|
|
||||||
|
@define-color green_1 #8AFF80;
|
||||||
|
@define-color green_2 #8AFF80;
|
||||||
|
@define-color green_3 #185529;
|
||||||
|
|
||||||
|
@define-color yellow_1 #FFFF80;
|
||||||
|
@define-color yellow_2 #FFFF80;
|
||||||
|
|
||||||
|
@define-color orange_1 #FFCA80;
|
||||||
|
@define-color orange_2 #FFCA80;
|
||||||
|
|
||||||
|
@define-color red_1 #FF9580;
|
||||||
|
@define-color red_2 #FF9580;
|
||||||
|
|
||||||
|
@define-color purple_1 #9580FF;
|
||||||
|
@define-color purple_2 #9580FF;
|
||||||
|
|
||||||
|
@define-color brown_1 #4C6762;
|
||||||
|
@define-color brown_2 #4C6762;
|
||||||
90
gtk-4.0.css
Normal file
90
gtk-4.0.css
Normal file
@ -0,0 +1,90 @@
|
|||||||
|
/*
|
||||||
|
* Dracula Pro (Blade - Soft Muted Sage #5A9E92) GTK4 & Libadwaita Palette
|
||||||
|
*/
|
||||||
|
|
||||||
|
@define-color accent_color #5A9E92;
|
||||||
|
@define-color accent_bg_color #5A9E92;
|
||||||
|
@define-color accent_fg_color #161D1C;
|
||||||
|
|
||||||
|
@define-color destructive_color #FF9580;
|
||||||
|
@define-color destructive_bg_color #FF9580;
|
||||||
|
@define-color destructive_fg_color #212C2A;
|
||||||
|
|
||||||
|
@define-color success_color #8AFF80;
|
||||||
|
@define-color success_bg_color #8AFF80;
|
||||||
|
@define-color success_fg_color #212C2A;
|
||||||
|
|
||||||
|
@define-color warning_color #FFCA80;
|
||||||
|
@define-color warning_bg_color #FFCA80;
|
||||||
|
@define-color warning_fg_color #212C2A;
|
||||||
|
|
||||||
|
@define-color error_color #FF9580;
|
||||||
|
@define-color error_bg_color #FF9580;
|
||||||
|
@define-color error_fg_color #212C2A;
|
||||||
|
|
||||||
|
@define-color window_bg_color #212C2A;
|
||||||
|
@define-color window_fg_color #F8F8F2;
|
||||||
|
|
||||||
|
@define-color view_bg_color #212C2A;
|
||||||
|
@define-color view_fg_color #F8F8F2;
|
||||||
|
|
||||||
|
@define-color headerbar_bg_color #161D1C;
|
||||||
|
@define-color headerbar_fg_color #F8F8F2;
|
||||||
|
@define-color headerbar_border_color #4C6762;
|
||||||
|
@define-color headerbar_backdrop_color #161D1C;
|
||||||
|
@define-color headerbar_shade_color rgba(0, 0, 0, 0.36);
|
||||||
|
|
||||||
|
@define-color sidebar_bg_color #161D1C;
|
||||||
|
@define-color sidebar_fg_color #F8F8F2;
|
||||||
|
@define-color sidebar_backdrop_color #161D1C;
|
||||||
|
@define-color sidebar_border_color #4C6762;
|
||||||
|
|
||||||
|
@define-color secondary_sidebar_bg_color #111615;
|
||||||
|
@define-color secondary_sidebar_fg_color #F8F8F2;
|
||||||
|
@define-color secondary_sidebar_backdrop_color #111615;
|
||||||
|
|
||||||
|
@define-color card_bg_color rgba(255, 255, 255, 0.08);
|
||||||
|
@define-color card_fg_color #F8F8F2;
|
||||||
|
@define-color card_border_color #4C6762;
|
||||||
|
|
||||||
|
@define-color dialog_bg_color #161D1C;
|
||||||
|
@define-color dialog_fg_color #F8F8F2;
|
||||||
|
|
||||||
|
@define-color popover_bg_color #161D1C;
|
||||||
|
@define-color popover_fg_color #F8F8F2;
|
||||||
|
|
||||||
|
@define-color thumbnail_bg_color #161D1C;
|
||||||
|
@define-color thumbnail_fg_color #F8F8F2;
|
||||||
|
|
||||||
|
@define-color border_color #4C6762;
|
||||||
|
@define-color fill_color rgba(90, 158, 146, 0.15);
|
||||||
|
|
||||||
|
/* Selection & Focus */
|
||||||
|
@define-color selected_bg_color #5A9E92;
|
||||||
|
@define-color selected_fg_color #161D1C;
|
||||||
|
|
||||||
|
/* Palette Accents */
|
||||||
|
@define-color blue_1 #80FFEA;
|
||||||
|
@define-color blue_2 #5A9E92;
|
||||||
|
@define-color blue_3 #5A9E92;
|
||||||
|
@define-color blue_4 #005259;
|
||||||
|
@define-color blue_5 #00373C;
|
||||||
|
|
||||||
|
@define-color green_1 #8AFF80;
|
||||||
|
@define-color green_2 #8AFF80;
|
||||||
|
@define-color green_3 #185529;
|
||||||
|
|
||||||
|
@define-color yellow_1 #FFFF80;
|
||||||
|
@define-color yellow_2 #FFFF80;
|
||||||
|
|
||||||
|
@define-color orange_1 #FFCA80;
|
||||||
|
@define-color orange_2 #FFCA80;
|
||||||
|
|
||||||
|
@define-color red_1 #FF9580;
|
||||||
|
@define-color red_2 #FF9580;
|
||||||
|
|
||||||
|
@define-color purple_1 #9580FF;
|
||||||
|
@define-color purple_2 #9580FF;
|
||||||
|
|
||||||
|
@define-color brown_1 #4C6762;
|
||||||
|
@define-color brown_2 #4C6762;
|
||||||
Loading…
Reference in New Issue
Block a user