dotfiles/.themes/dracula/gtk-3.20/apps/_unity.scss
2021-08-12 16:13:26 +02:00

170 lines
4.5 KiB
SCSS
Executable file

/********
* Unity *
*********/
$unity_color: #31363D; /* Unity window border color */
$unity_text_color: #fefefe; /* Unity window text color */
$backdrop_unity_text_color: darken($unity_text_color,10%); /* Backdrop Unity window text color */
$unity_panel_color: darken($unity_color, 10%); /* Unity panel color #454D50 */
UnityDecoration {
/* Border properties (top, right, bottom, left) */
-UnityDecoration-extents: 28px 1px 1px 1px;/* the size of the decorations */
-UnityDecoration-input-extents: 10px;/* the extra size of the input areas */
/* Shadows settings */
-UnityDecoration-shadow-offset-x: 1px;/* Size property, the shadow x offset */
-UnityDecoration-shadow-offset-y: 1px;/* Size property, the shadow y offset */
-UnityDecoration-active-shadow-color: rgba (0, 0, 0, 0.647);/* Color property, active window shadow color */
-UnityDecoration-active-shadow-radius: 8px;/* Size property, active window shadow radius */
-UnityDecoration-inactive-shadow-color: rgba (0, 0, 0, 0.647);/* Color property, inactive windows shadow color */
-UnityDecoration-inactive-shadow-radius: 5px;/* Size property, inactive windows shadow radius */
/* Glow applied to the selected scaled window */
-UnityDecoration-glow-size: 8px;/* Size property, size of glow */
-UnityDecoration-glow-color: $selected_bg_color;/* Color property of the glow */
/* Title settings */
-UnityDecoration-title-indent: 10px;/* Size property, left indent of the title */
-UnityDecoration-title-fade: 35px;/* Size property, space of the title that can be faded */
-UnityDecoration-title-alignment: 0.0;/* Float from 0.0 to 1.0, to align the title */
background-color: $unity_color;
color: $unity_text_color;
.top {
padding: 0 5px 0 5px;
border-radius: 4px 4px 0px 0px;
box-shadow: none;
border: 1px solid $unity_color;
border-bottom-width: 0;
background-color: $unity_color;
color: $unity_text_color;
border-top: 1px solid rgba(255,255,255,0.1);
&:backdrop {
border-bottom-width: 0;
color: $backdrop_unity_text_color;
border-top: 1px solid rgba(255,255,255,0.1);
}
.menuitem {
color: $unity_text_color;
&:backdrop {
color: $backdrop_unity_text_color;
}
}
}
}
UnityDecoration.left,
UnityDecoration.right {
background-repeat: repeat-x;
background-color: darken($unity_color, 0.6);
background-size: 1px 120px;
background-clip: border-box;
background-image: linear-gradient(to bottom,
$unity_color,
darken($unity_color, 0.6)
);
}
UnityDecoration.bottom {
background-size: 1px;
background-repeat: repeat-x;
background-color: darken($unity_color, 0.6);
}
UnityDecoration.left:backdrop,
UnityDecoration.right:backdrop,
UnityDecoration.bottom:backdrop {
background-size: 1px;
background-repeat: repeat-x;
}
/**************
* Unity Panel *
***************/
UnityPanelWidget,
.unity-panel {
background-color: $unity_panel_color;
color: $unity_text_color;
}
UnityPanelWidget:backdrop,
.unity-panel:backdrop {
color: $backdrop_unity_text_color;
}
.unity-panel.menuitem,
.unity-panel .menuitem {
border-width: 0 1px;
color: $unity_text_color;
}
.unity-panel.menubar,
.unity-panel .menubar {
color: $unity_text_color;
}
.unity-panel.menu.menubar,
.unity-panel .menu .menubar {
background-color: $unity_panel_color;
color: $unity_text_color;
}
.unity-panel.menubar:backdrop,
.unity-panel .menubar *:backdrop {
color: $backdrop_fg_color;
}
.unity-panel.menubar.menuitem,
.unity-panel.menubar .menuitem {
padding: 3px 5px;
border-width: 1px;
border-style: solid;
border: none;
background: none;
color: $unity_text_color;
box-shadow: none;
}
.unity-panel.menubar.menuitem:hover,
.unity-panel.menubar .menuitem:hover {
border-radius: 0;
background-color: darken($unity_color, 1.05);
color: $unity_text_color;
box-shadow: none;
}
.unity-panel.menubar .menuitem *:hover {
color: white;
box-shadow: none;
}
.unity-panel.menubar .menuitem.separator,
.unity-panel.menubar.menuitem.separator {
border: none;
color: $borders_color;
}
/* Force Quit */
SheetStyleDialog.unity-force-quit {
background-color: $base_color;
}
@keyframes playbackmenuitem_spinner {
to { -gtk-icon-transform: rotate(1turn); }
}
.menu IdoPlaybackMenuItem.menuitem:active {
-gtk-icon-source: -gtk-icontheme("process-working-symbolic");
animation: playbackmenuitem_spinner 1s infinite linear;
color: $selected_bg_color;
}