Skip to content

Instantly share code, notes, and snippets.

@loudar
Last active July 11, 2025 07:58
Show Gist options
  • Select an option

  • Save loudar/a48a6468a710fe1fc9a5d5c2da066ff0 to your computer and use it in GitHub Desktop.

Select an option

Save loudar/a48a6468a710fe1fc9a5d5c2da066ff0 to your computer and use it in GitHub Desktop.
.project-navigation {
background: rgba(var(--palette-neutral-2,248, 248, 248),1);
}
.project-navigation .hub-group-container.expanded-container {
background: color-mix(in oklab, rgba(var(--palette-neutral-2, 248, 248, 248),1), black 30%);
}
.work-item-form-subheader {
background: color-mix(in oklab, rgba(var(--palette-neutral-2, 248, 248, 248),1), black 30%);
padding-bottom: 0;
}
.bolt-card, .bolt-table-link.bolt-link, .vss-FilterBar, .status-details-container, .markdown-discussion-comment {
border-radius: 10px;
}
.deployment-control-container, .links-control-zero-state {
border-radius: 10px;
overflow: hidden;
}
.work-item-form-collapsible-section .work-item-form-collapsible-header {
border-bottom-style: dashed;
}
.bolt-button, .bolt-textfield, .comment-editor .html-editor .rooster-wrapper {
border-radius: 5px;
}
.bolt-button {
border: 0px;
}
.bolt-split-button-main {
border-bottom-right-radius: 0 !important;
border-top-right-radius: 0 !important;
}
.region-header .search {
border-radius: 5px;
}
.bolt-button.primary:not(.disabled), .pr-status-active.bolt-pill {
background: linear-gradient(45deg,rgba(39, 163, 217, 1) 0%, var(--communication-background) 100%) !important;
}
.project-navigation .hub.displayed {
background: #0b1b2f;
}
.bolt-list-row.selected, .bolt-list-row:hover.selected {
background: #0b1b2f;
}
.bolt-list-row:hover.selected {
border: 1px solid var(--communication-background);
}
.bolt-callout {
backdrop-filter: blur(10px);
background-color: rgba(0, 0, 0, .5);
}
.bolt-tabbar-tabs.compact .bolt-tab:first-child {
border-radius: 5px 0 0 0;
}
.bolt-tabbar-tabs.compact .bolt-tab:last-child {
border-radius: 0 5px 0 0;
}
.activity-feed-timeline-iteration, .bolt-tag-picker {
border-radius: 999px;
}
.work-item-form-control-wrapper {
padding: 0;
}
@keyframes rainbow{
100%,0%{
color: rgb(255,0,0);
transform:rotate(0deg);
}
8%{
color: rgb(255,127,0);
}
16%{
color: rgb(255,255,0);
}
25%{
color: rgb(127,255,0);
}
33%{
color: rgb(0,255,0);
}
41%{
color: rgb(0,255,127);
}
50%{
color: rgb(0,255,255);
transform:rotate(360deg);
}
58%{
color: rgb(0,127,255);
}
66%{
color: rgb(0,0,255);
}
75%{
color: rgb(127,0,255);
}
83%{
color: rgb(255,0,255);
}
91%{
color: rgb(255,0,127);
}
}
@keyframes shake {
0% { transform: translate(1px, 1px) rotate(0deg); }
10% { transform: translate(-1px, -2px) rotate(-1deg); }
20% { transform: translate(-3px, 0px) rotate(1deg); }
30% { transform: translate(3px, 2px) rotate(0deg); }
40% { transform: translate(1px, -1px) rotate(1deg); }
50% { transform: translate(-1px, 2px) rotate(-1deg); }
60% { transform: translate(-3px, 1px) rotate(0deg); }
70% { transform: translate(3px, 1px) rotate(-1deg); }
80% { transform: translate(-1px, -1px) rotate(1deg); }
90% { transform: translate(1px, 2px) rotate(0deg); }
100% { transform: translate(1px, -2px) rotate(-1deg); }
}
.bolt-status.active {
animation: rainbow 2s infinite linear;
}
.bolt-status.failed {
animation: shake .4s infinite linear;
}
.bolt-status.success {
opacity: .5;
}
@keyframes flip {
0% {
transform: perspective(400px) rotateY(0);
animation-timing-function: ease-out;
}
40% {
transform: perspective(400px) translateZ(150px) rotateY(170deg);
animation-timing-function: ease-out;
}
50% {
transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
animation-timing-function: ease-in;
}
80% {
transform: perspective(400px) rotateY(360deg) scale(.95);
animation-timing-function: ease-in;
}
100% {
transform: perspective(400px) scale(1);
animation-timing-function: ease-in;
}
}
.feedbackItem.hideFeedbackItem .card-content, .hideFeedbackItem.feedback-item-group .card-content {
filter: blur(0) !important;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment