@rpg-engine/long-bow 0.7.7 → 0.7.8

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -26175,7 +26175,7 @@ var Chat = function Chat(_ref) {
26175
26175
  var ChatContainer = /*#__PURE__*/styled__default.div.withConfig({
26176
26176
  displayName: "Chat__ChatContainer",
26177
26177
  componentId: "sc-1bk05n6-0"
26178
- })(["width:", ";height:", ";background-color:#1e1e1e;display:flex;flex-direction:column;position:relative;border-radius:8px;border:1px solid rgba(0,0,0,0.1);overflow:hidden;"], function (props) {
26178
+ })(["width:", ";height:", ";background-color:rgba(30,30,30,0.3);display:flex;flex-direction:column;position:relative;border-radius:8px;border:1px solid rgba(0,0,0,0.1);overflow:hidden;"], function (props) {
26179
26179
  return props.width;
26180
26180
  }, function (props) {
26181
26181
  return props.height;
@@ -26187,7 +26187,7 @@ var CloseButton = /*#__PURE__*/styled__default.button.withConfig({
26187
26187
  var MessagesContainer = /*#__PURE__*/styled__default.div.withConfig({
26188
26188
  displayName: "Chat__MessagesContainer",
26189
26189
  componentId: "sc-1bk05n6-2"
26190
- })(["flex-grow:1;overflow-y:auto;padding:12px;margin-bottom:8px;scrollbar-width:thin;scrollbar-color:#333 #1e1e1e;&::-webkit-scrollbar{width:6px;}&::-webkit-scrollbar-track{background:#1e1e1e;}&::-webkit-scrollbar-thumb{background-color:#333;border-radius:3px;}"]);
26190
+ })(["flex-grow:1;overflow-y:auto;padding:12px;margin-bottom:8px;scrollbar-width:thin;scrollbar-color:rgba(51,51,51,0.4) rgba(30,30,30,0.4);&::-webkit-scrollbar{width:6px;}&::-webkit-scrollbar-track{background:rgba(30,30,30,0.4);}&::-webkit-scrollbar-thumb{background-color:rgba(51,51,51,0.4);border-radius:3px;}"]);
26191
26191
  var Message = /*#__PURE__*/styled__default.div.withConfig({
26192
26192
  displayName: "Chat__Message",
26193
26193
  componentId: "sc-1bk05n6-3"
@@ -26198,11 +26198,11 @@ var Message = /*#__PURE__*/styled__default.div.withConfig({
26198
26198
  var Form = /*#__PURE__*/styled__default.form.withConfig({
26199
26199
  displayName: "Chat__Form",
26200
26200
  componentId: "sc-1bk05n6-4"
26201
- })(["display:flex;padding:8px;background-color:#2a2a2a;"]);
26201
+ })(["display:flex;padding:8px;background-color:rgba(42,42,42,0.4);"]);
26202
26202
  var TextField = /*#__PURE__*/styled__default.input.withConfig({
26203
26203
  displayName: "Chat__TextField",
26204
26204
  componentId: "sc-1bk05n6-5"
26205
- })(["flex-grow:1;background-color:#1a1a1a;color:#ff6600;border:1px solid #333;border-radius:4px;padding:8px;margin-right:8px;font-family:'Press Start 2P',cursive;font-size:0.7rem;height:32px;transition:border-color 0.3s,background-color 0.3s;&::placeholder{color:#666;}&:focus{outline:none;border-color:#ff6600;background-color:#2a2a2a;}"]);
26205
+ })(["flex-grow:1;background-color:rgba(26,26,26,0.6);color:#ff6600;border:1px solid rgba(51,51,51,0.6);border-radius:4px;padding:8px;margin-right:8px;font-family:'Press Start 2P',cursive;font-size:0.7rem;height:32px;transition:border-color 0.3s,background-color 0.3s;&::placeholder{color:rgba(255,255,255,0.5);font-size:0.6rem;}&:focus{outline:none;border-color:#ff6600;background-color:rgba(42,42,42,0.9);}"]);
26206
26206
  var SendButton = /*#__PURE__*/styled__default.button.withConfig({
26207
26207
  displayName: "Chat__SendButton",
26208
26208
  componentId: "sc-1bk05n6-6"
@@ -26612,9 +26612,9 @@ var Tab = /*#__PURE__*/styled__default.button.withConfig({
26612
26612
  displayName: "ChatRevamp__Tab",
26613
26613
  componentId: "sc-1sdiknw-1"
26614
26614
  })(["width:120px;color:white;font-size:0.8rem;all:unset;padding:0.6rem;font-size:0.8rem;border-radius:5px 5px 0 0;border-width:0.25rem 0.25rem 0 0.25rem;border-style:solid;border-color:", ";background-color:", ";color:", ";"], function (props) {
26615
- return props.active ? '#c65102' : uiColors.gray;
26615
+ return props.active ? 'rgba(198, 81, 2, 0.5)' : 'rgba(128, 128, 128, 0.5)';
26616
26616
  }, function (props) {
26617
- return props.active ? uiColors.orange : 'transparent';
26617
+ return props.active ? uiColors.orange : 'rgba(0, 0, 0, 0.2)';
26618
26618
  }, function (props) {
26619
26619
  return props.active ? 'white' : uiColors.gray;
26620
26620
  });